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Introduction 

Manga in its present form has existed for over fifty years, ^ 
but the origins of Japanese sequential art date back to Ukiyo-E 
art from the nineteenth century. Hokusai, a famous Ukiyo-E 
artist, is generally credited with coining the term manga 
meaning literally "irresponsible pictures". The development and 
social acceptance of mass-produced artwork and sequential 
art in the early twentieth century, combined with influences 
from European and American strip-panel comics, evolved into 
wliaI is now commonly known as manga. 

Manga has grown and developed as an art form 
considerably over half a centuiy in Japan, and has also enjoyed popularity in the West 
for almost half of this time. The acceptance of the manga style and its iconic imagery 
into a modern subculture as well as mainstream entertainment has emphasized its 

place on the world stage. New generations have grown up with manga 
as a major artistic influence, through cartoons, video games and the 
popularity of printed manga. There!? little wonder then, that so many 
Western artists are creating great work with the manga aesthetic! 

Tl IF DIGITAL WORLD 

The advent of the digital age has made a huge difference to the world 
of manga The Internet allows artists to share their finished creations 
with a huge audience instantaneously, and to 
receive feedback and advice from others. 

At the same time, the Internet lets artists 
like you see plenty of artwork and get 
exposed to a wealth of different manga 
styles - any or all of which can be incorporated 
into your own style if you see fit. 

Alongside the widespread popularity of the Internet, home 
computers have become much more powerful. Previously 
specialist tools such as flatbed scanners and graphics tablets 
have become both commonplace and very affordable. By 
getting familiar with the software and techniques available 
to them, everyone now has the opportunity to produce 
professional-quality artwork. 


▼ Line art styles 

Delicate rind minimal 

IJSO Ot lino rll'l 
I rl|)lums rl f iMftn 

and (jitii o, keeping 
rhe focus solely on 
the characters 
themselves 


A LEARNING EXPERIENCE 
This book will break down some of the different styles 
and genres of manga, explaining the subtleties of 
the styles, so that you can work towards finding 
a look and a theme that suits your tastes. By 
understanding the focus of the art style and 
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the distinctive visual techniques, you can begin to develop your artwork in a 




► Costume 
influences 

In manga, costumes 
are often elaborate 
or outlandish, with a 
mixture of street 
styles and military 
and traditional 
influences. 


A Colourful 
cfiaracters 

Srxo'girl characters 
trt t>:ouiar in manga 
*. ‘■'ey capture a 
^■r * of innocence 
rc , outhful 

e'T-'-'-asm. 


way that suits you - and with confidence! 

Whether you wish to work on single illustrations or go a step further and 
create your own manga-style comics, this book will guide you through the 
process. Methods of character design and applied examples 
will help you to see the possibilities of the medium, and 
the sections on story will help you give your characters a 
believable life all of their own. 

Everything from advice on creating 
a world for your characters to 
choosing how to dress them 
will help you develop your own 
cool and stylish manga characters. 

A LIFE OF MANGA 
Producing manga over the years has 
afforded me no end of happiness, with 
each picture representing a minor personal 
victory. The endless range of styles and subject 
matter has enabled me to skip between mature and 
realistic drama to cute and happy illustrations easily and 
comfortably, instilling me with a certainty that I can apply 
my skills to whatever suits me at the time. The experience 
of seeing a project through from the early pencil strokes 
of a character design to the completed story in print is 
incredibly satisfying. There's a lot of hard work 
involved - but it's that hard work that lets you 
know that what you've produced is the very best 
you can manage. I look forward to developing 
my skills further and to working on more comic 
projects over the coming years. 








CHAPTER ONE 





Analysis 
of style 


The word manga literally translates as 
"comics", but has come to refer to a specific 
style of illustration. There are many commo 
elements of manga imagery that we car 
identify and use in our work. 


© What is manga? 10 
£) 5houjo 12 
®) Shounen 14 

£) Fantasy and science fiction 16 
© Action 18 
© Comedy 20 
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ANALYSIS Of STYLE 



What is manga? 




^See also Planning your pages, pages 102-103 


'j 


VISUAL GRAMMAR 

Manga artists often use varieties of visual 
shorthand to tell readers what they need to 
know about a character's emotions without 
the need for exposition, explanatory dialogue 
and lots of extraneous panels. Using such 
graphic devices lets the artist retain the all- 
important simplicity of expression that is a 
hallmark of manga style. These techniques 
are also useful as comedic devices when 
using hyperstylization (see Comedy, 
pages 20-21). 


Although to non-expert Western eyes the term 
manga might conjure up a single graphic style, it 
simply refers to Japanese comic art and to the 
comics themselves. However, despite there being 
many different visual styles in Japanese comics, 
there are some underlying elements that represent 
a shared aesthetic, giving the medium a distinct 
visual edge. 

Stylization is probably the most significant recurring element 
of manga artwork. The characters are realized with stylish 
yet clean and consistent visuals that concentrate on the 
characters' charm and expressiveness. 

Minimalism is another readily identifiable 
characteristic of almost all forms of 
manga. One of the most 
important aspects of the 
style, especially 
when working on 
Story-based 
illustrations, is 
realizing that you 
don't have to draw every detail - 
you c an achieve a greater effect through the power of 
suggestion. A simple example would be to look at the 
noses of manga characters, you'll notice that some artists, 
when drawing at certain angles, don't draw the nose at all. 

The reader isn't confused by this, and the image remains 
clean, elegant and minimal. 

Analysing many of the common 
elements of manga will help you 
appreciate the nuances of the art 
form, and apply rhem to your 
own work. 


Colourful 

characters 

Vibrant colours and 
the frog-themed 
clothing reflect 
this characters 
cheerful nature. 
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SAMPLE COMIC BOOK PAGE 


1. This panel Is small, 
with dynamic cropping. 

It gives the impression of 
viewing the scene from 
a distance before leading 
into a much closer view. 


3. Using a distant 
“camera", it's possible to 
show all the characters 
in the scene at once. 
Irrelevant details such as 
facial features are 
removed from this image 
as a means of focusing 
the reader's attention on 
body language. 


5. The hand is shown 
with sparkles of 
screentone effects (see 
page 94), implying an 
emotional response to 
•whatever is said. 



2 . Hyperstylization 
is used here to 
demonstrate the anger 
in the face of the boy at 
the back of the scene. 
Using scmmlunr (’lire Is 
(see pages 106 107), 
Ihe (harar ler in Irorrt is 
dramatically lit. The 
pdf id continues oil the 
page lo ihe righi-hand 
side, giving ir a mi irh 
greater focus than usual 
and implying lliuL Llieroii 
even mom image 
beyond rhe edge 
of the page. 


4. The character is 
pmsrrilrd against a 
simple while 
background with no 
suqqestion of 
background detail. 

This allows the reader 
to focus on the 
character, while also 
suggesting that ihe 
other characters are 
focusinq their attention 
on Ihe cl war ler loo 


6. Using a simple trick, the character has moved his 
hand to open the cupboard. The position of the 
previous panel indicates that the hand is attached lo 
this person, but it fluidly leads into a different action. 



Beads of sweat 

Embarrassment, 
nerves, discomfort 



Sparkles 

Extreme happiness in 
-omantic situations 



Bubbles 
above head 

Drunk 



Pounding vein 

Angry 



Mushroom cloud 

Sigh of relief 



Scribble cloud 

Very angry 



Vertical lines 

Shocked 



Chick on head 

Innocence 



Bubble from nose 

Sleeping 



Spiral/helix 

Dizzy 



Ghost leaving 
nose 

Dead 



Hair bristling 

Annoyance, irritation 



Hearts 

Romance, 
in love 
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ANALYSIS OF STYLE 



Shoujo 



Shoujo details 

Hair is captured with delicate curls and 
perfect grooming, and the clothing has 
attention to detail and a fashion 
consciousness that is unsurpassed. 


Unlike the comics industry in most Western countries today, 
Japan offers a broad arid rich variety of comics designed 
specifically for a female audience, and has done so 
throughout the history of manga. 


Shoujo is the Japanese word for "girl", so shoujo rmnga 
refers to the comics produced in Japan specifically for 
girls. As a demographic term, shoujo isn't strictly a 
genre, but by extension it does refer to the styles 
of artwoi k used to appeal to female readers. 

Almost exclusively these comics are written and 
drawn by females and offer a visual style serving 
stories that focus on the emotions of 
i he (haracters. 

With its emphasis on relationships and 
emotional struqqlc, the style lends itself to 
romance storylines, bur also to a huge 
numbei uf stories dealinq with more 
complex and mature plots. As a 
result, shoujo manga embraces 
everything from childhood dreams and 
flufty animals to violent, sword wielding, 
apocalyptic drama, but each srory is captured with the 
same elegance, delicacy and rapturous charm 
synonymous wirh shoujo manga. 


Shoujo characteristics 

I here are many characteristic elemenrs of shoujo artwork. 
Characters lend to be drawn wirh tall and slender 
physiques, which bring to mind European fashion 
illustration and Western ideals. Male characters are often 
drawn with soft and elegant features, creating a slightly 
androgynous yet striking look. 

Line art tends ro hr more delicate than other manga 
styles, with thin lines and long, flowing strokes. 

Derails aside, visual abstraction is possibly the most 
remarkable trait of shoujo artwork, where it is 
common for artists to represent the emotion, beauty 
and significance of a scene with almost dreamlike 
visual flourishes. Flowers, sparkles, feathers and 
wisps are superimposed around the image, 
and the eyes of characters shine so brightly 
that they can be seen through the hair 
draped over them. 


^See also Costume design, pages 40-41 











SHOUJO 


13 





Classic shoujo 


Representation of children 

In comics for young girls, children are 
represented with large eyes and a delicate 
manner, with sparkles and flowers signifying 
happiness and beauty. 


Shoujo: classic and modern 

The style of line art and illustration has 
developed and matured throughout the 
history of shoujo comics, with modern titles 
toning down many of the most 
notable traits. Eyes are less 
sparkly, yet often 
drawn even larger to 
compensate. Faces 
are more defined 
and less "flat*' 
than in older 
artwork, but still 
'emain minimal 
and elegant. 


SHOUJO ICONOGRAPHY 

Abstract images are used heavily in shoujo-style artwork as a means of 
communicating emotions beyond what is literally presented. They can also 
help represent how a character is interpreted by other characters. 


Modern 

shoujo 


Sparkles of light 

Light sparkling and 
reflecting throughout a 
scene gives I he image an 
exrra dimension of 
beauty and romantrusm. 
In Mioujo, I his is given 
greater emotional impact 
and depth by chawing 
sparkles or srars In the 
characters* large eyes 
ro represent hope, 
happiness or longing 


Cherry blossoms 

Spring cherry blossoms, 
kr i( >wr 1 as swA'/ a a in 
Japan, symbolize 
sprinqtime rumarn e, 
whereas the falling of 
blossoms represents the 
end of romanc e. or 
even death 


Feathers 

Feathers relate to 
Western images of any els 
•and angel wings, which 
in shoujo titles often 
represent pure and idyllic 
elegance, with a 
suggestion of mortality. 
Characters surrounded by 
feathers are often serious, 
melancholy or unfairly 
misunderstood. 


Flowers 

Flowers are a classic 
metaphor for beauty, 
romance and the 
blossoming of hope 
and potential. The use 
of flowers around 
characters emphasizes 
their charm and 
splendour, and often 
the way other 
characters interpret 
them. 


. „ 

&/\ 0 ° 
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ANALYSIS OF STYLE 




Man of action 

Generally male 
characters are drawn 
with realistic 
proportions, although 
their faces retain many 
of the distinctive 
features of manga. 


Shounen 


The first manga stories were targeted at boys. So what are 
the key elements of artwork designed to appeal to a young 
male audience, and flow do you produce it yourself? 


Shounen is the Japanese word for "boy", and the term 
shounen manga refers to comics produced specifically for 
young males. Most of the first manga was written for boys, 
and it wasn't until several years later that the medium 
developed to appeal to a wider audience. 

Much like shoujo, shounen isn't strictly a genre. The term 
refers ro the demographic, but it also describes the styles of 
artwork used for these titles. 

The central role 

Central characters in shounen manga are almost always 
male - female protagonists are granted masculine roles and 
usually wield guns and kung fu skills, and wear tight outfits, 
there are usually two types of male characters: those who 
are painfully average, and those who have great skills. 
Although the skilled characters have obvious heroic roles, it’s 
Lhe unskilled characters that tend to offer the more 
interesting storylines. A relatively ordinary male character 
will be flung into a world where tie is immediately granted 
something desirable a beautiful girl, a giant robot to pilot 
or some form of anwmg latent power. Such rhemes are 
common and effective forms of storytelling 

Action in shounen 

A major aspect ol shounen artwork is action and physical 
movement. Even stories without dynamic physical events 
air represented with dramatic compositions and a moving 
"camera" Characters face conflict, be it physical or social, 
and the central focus of shounen manga is the desire to 
accomplish a goal or overcome a major obstacle Artists also 
use "speed lines" familiar from action comics, even when a 
character is shocked or shouting, ro represent an intense 
and sudden emotion. 


Idealization 

In manga, women aft: 
often presented in 
d typically idealized 
manner, with 
thin waists and 
large chests. 


Lineweight 

Shounen artwork 
rends ro have 
much heavier 
inking than the 
equivalent comics 
for girls. 


Themes 


Shounen has a generally 
grittier look - especially in 
masculine and aggressive 
storylines involving 
combat, military themes 
or martial arts. 


See alSO Action, pages 18-19 
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Mobile fortress 

Giant robots are a popular recurring 
theme in shounen manga, often 
representing groat power granted to a 


Modern shounen 


Shounen: classic and modern 

Shounen artwork has become more cleanly drawn 
O'. er the years, with more angular features and 
arger eyes than were common in earlier examples 
of the form. In classic shounen artwork, however, 
more hatching (shading built up by layers of lines) 
and additional lines were used to define folds, 
muscles and facial features. Older comics also featured 
male characters with large eyebrows and small eyes - 
a reference to Japanese Kabuki theatre. 


SHOUNEN ICONOGRAPHY 

~oe iconography and effects used in shounen manga are far less abstract than those in 
:noujo artwork. They are mostly associated with realistic or outrageous expressions of 
power, such as fire, lightning or physical energy. Speed lines are also used to great effect 
n accentuating this power and adding dynamism to the overall image. 



Explosions 

£ «-p*osions are a simple form of 
^agery. yet also a hugely 
Active visual statement of 
power and movement. By using 
smoke, small particles and pieces 
V debris, you can give an 
.-•plosion real energy. 



Lightning 

Lightning and other sparks of 
energy can be literal or used 
purely for emotional impact, as a 
visual metaphor for a character* 
rage or as an expression of 
shock, for example. 



Speed lines 

Speed lines arc used extensively 
in shounen manga to show 
speed but also to express 
dynamism, even in scenes 
where emotions are the focus, 
rather than physical action 



Hands on fire 

This is an extension of lightning 
imagery and other 
representations of energy 
release. Showing fire around a 
character, or around his limbs, 
demonstrates where his power 
and strength lie. 
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ANALYSIS Of SIYLF 







Fantasy and 
science fiction 


rantasy and science fiction are just as popular in 
lapan as they are in the West, yet familiar themes 
are filtered through the manga aesthetic to create 
artwork that is fresh and distinctive. 


See alSO Creating'a setting, pages 42-43 

V_x 


Elven beauty 

Traditional clothes 
and delicate 
features complete 
the look of this 
elven archer. 


POPULAR THEMES 

The interesting stranger 

A c onremporary character travels Through a 
portal and ends up in a new world. This 
could he through time travel, or something 
more elaborate. Alternatively, a character 
from a fanrasy world comes into the real 
world and befriends or interacts with the 
other characters. In both of these instances, 
lfie characters dress and appearance should 
reflect the world he or she comes from This 
is also a good example of a catalyst character 
(see Catalyst characters, pages 34-35). 


Killing monsters 

Monsters might take the form of evil 
tyrants or gigantic sea creatures, for example. 
If an entity is a large enough threat, 
gathering the strength of one or more 
characters to overcome it can make for a 
compelling and thrilling storyline. This type of 
story applies equally well to different worlds 
and to different periods in time. 


Manga stories are full of fantastic images, portraying events that are 
unlike anything wc see in everyday life. Any story that doesn't take 
plat e either on contemporary Earth or at a predetermined point of 
history is a fantasy world. Erom Tolkienesque stories of dragons and 
elves to futuristic space adventures, fanlasy worlds can breathe 
life and wonder into a story, addinq - sometimes literally - 
anorher dimension. 

Characters can be hrought from anorher world, but the world 
they come from will define Lheir person - and this needs to be 

expressed in your artwork. With consideration, it is 
possible to design worlds that can be the basis for 
dramatic or epic storylines, or serve as lavish backdrops 
to more modest tales. 
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Magical worlds 

Your characters can 
exist in worlds of 
magic and mystery. 


DRAWING UPON REALITY 

There is much in the real world that already 
borders on fantastic, so it's often worth 
exploring thp wonders of our world before 
seeking inspiration from elsewhere. 

Many "classic" historical roles were dictated 
by their environment and the society at the 
time Roles such as pirates and cowboys were 
simply •jobs" that reflected the needs of the 
society ai the time I or example, pirates were 




Quests 

Tf >e pursuit of something mystical, or a 
.tjrryey to kill a monster, can be a great way 
take characters through strange worlds 
*nd amazing locations. Quests have been 
^tral to legends for centuries, and they 
rnd themselves particularly well to fantasy 
*~<J science fiction stories, because new 
c*~\ .ronments are equally fascinating to the 
.^'acters and to the reader. 


a consequent e of the increased trade in gold 
and luxury goods overseas Roles such as 
these can be reworked into different 
environments with interesting results. Cowboys 
and pirates have often been used in a space¬ 
flight scenario. 

You may even choose to focus solely on the 
visual side of things, and borrow styles and 
designs from classical costumes to create your 
own unique look, fry crossing over traditional 
styles and desiqns to create something 
interesting, or mixing classical looks with 
modern and stylish designs. You could m<J up 
with something really cool and distinctive 

Stories can also be set in the period in 
which you take an interest, and can be either 
historically accurate or simply built upon 
folklore This can give you a rich and 
interesting environment to work with as well 
as an established social structure, giving you 
a perfect starting point for a fantastic set 
of characters. 


Modern styles 

Contemporary 
fashion and 
design is mixed 
with classic looks. 


Historic influences 

A cute manga rendirion of an eightecr ul i- 
century Kabuki actor from the Edo period of 
Japanese history. 


Traditional fantasy 

- ghly decorative 
resigns based on classic 
European styles. 


Fantasy: classic and modern 

Many of manga's classic fantasy and sci fi designs 
were heavily influenced by European, British and 
American fantasy artwork, films and TV shows These 
images stuck closely to the barbarians, wizards and 
elf designs popular in the West Modern imagery, 
however, often looks to find its own inspiration and 
crosses modern styles and fashions with different 
styles of clothing from history and different cultural 
dress. This applies equally to both futuristic and 
ancient characters. 
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Flowing fabrics 
and long hair help 
to accentuate 
movement in 
action scenes. 


Destruction 

A breaking object, 
even an innocuous 
pair of glasses, can 
be presented as a 
dramatic event. 


Reach for the sky 

Jumping can be made more 
dynamic with the heavy 
use of perspective and 
bold composition. 


COMMON SCENES FOR ACTION 


Jumping 

Jumping is a truly dynamic 
activity to illustrate, and offers 
great opportunities for 
stunning artwork in stories 
about martial arts, and also in 
sports manga. Jumping to 
make that vital basketball shot 
or a slow-motion dive to catch 
a match-winning ball 
represent definitive 
make-or-break situations for 
your characters. Jumping is a 
fantastic metaphor for 
personal risk taking - putting 
everything on the line in the 
hope of reward. 


Car chases 

The use of vehicles in a chase 
is always dramatic. It increases 
the potential for injury or even 
death, making the action 
much more exciting, 
dangerous and destructive 
(to both body and machine). 
Car chases are also thrilling 
because they are something 
not commonly seen in 
everyday life. 


Falling and dropping 

Dropping an important or rare 
item might be a significant 
event in your story, so it makes 
sense to emphasize the drama 
with dynamic action in your 
illustration. Equally, if a person 
falls from a fatal height the 
intensity is extreme, so be sure 
to accentuate the drama and 
speed of the moment. 


Although comics are a static medium, it is possible 
to express great speed, swiftness and power 
through dynamic poses and artistic tricks. 


Action stories are predominantly the mainstay of 
shounen manga, but most comics have dramatic 
moments or emotional confrontations. The appropriate 
use of action scenes can drive a story forward and 
heighten tension and drama, setting a hero apart from 
other characters as he or she overcomes an adversary, 
or is defeated only to rise again. 


J 


See also Special effects, pages 94-99 





























can communicate the 
direction of action in 
a scene. 


Sometimes it is necessary to make an event more dramatic. 
Through use of speed lines, composition and focal objects, 
it is possible to add tension and motion to a scene. 


1 . I he character is walking 
down the street, carrying 
some food. This Image has no 
suggestion of at tion. 


A dynamic resting 
pose, ready to 
strike Clothes are 
motionless, and 
just hang from the 
shape of rhp body 


2. I hr t Marat ter remembers 
that he needs lo gel home 
guickly. so he is shown it) be 
running. Speed lines ore 
introduced to represent the air 
moving quit kly. and small 
beads of sweat are coming 
from fits brow 


3 . A mi/ijh is chasing the 
character. This much greater 
threat, is made even more 
imposing by an artenrion- 
grabbing romposirion 
showing both characters 
moving and rhe relative 
distance between them. 

Speed lines have been added 
to highlight the areas of focus 
and tension 


4 . In tins panel, another 
threat has been introduced in 
rhe form of a tank. The 
artwork has been rotated 
slightly to increase the tension 
and emphasize the horizon 
line. It also allows ihe two 
focal parts of the image to be 
drawn larger. 


Running 

In action manga, running is 
usually the result of urgency. 
A character is driven by a 
pressing desire to achieve 
something, facing the fear of 
tripping, and the threat of 


Combat 

A confrontation between two 
or more people, perhaps 
assisted by weapons or 
machinery, is intensely 
dramatic, and often the 
defining act of a story. Neither 


The position of a weapon 


ADDING ACTION TO A SCENE 


failure. A chase scene should 
convey similar emotions, 
including the fear of 
being caught. 


character wishes to lose, but 
both risk doing so if they make 
the wrong move. A closely 
contested battle is the most 
exciting, and each motion 
should be exaggerated or 
savoured in your work. 



5 . Howevei, don't go tix) far 
with your action! It is very 
easy to make action scenes 
ltx)k ridiculous, and in doing 
so you can spoil rhe tension 
and be left with something 
that feels out of place. 
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ANALYSIS Of STYLE 



Comedy 



,^See also What is manga? pages 10-11 


However dramatic the action or emotional the scene might 
be in a manga story, humour has been a key ingredient 
throughout the history of the form. 


The very earliest manga titles had a strong comedy focus, 
and manga has evolved to allow for ever more outrageous 
ways to present humour. One of the ways to do this is 
through exaggerating the style and understanding manga's 
visual grammar. Because manga is such a visual medium, it 
is possible to illustrate Hinny situations and characters 
without relying on dialogue. 


Wacky girl 

A crazy and funny girl 
Hrt bendy, shapeless 
I iyure is more cortoon 
I ban realistic (or Idealized) 
impression, ar id her posture 
and expression suggest a 
goofy oulkxik on life By 
< roiling r haracters that don’t 
seem to care about looking 
good, but who do care 
about being themselves 
and having fun. you can 
presenr a lively and 
enjoyable story 


Funny salaryman 

A middle-aged 
businessman 
(known as a 
"salaryman” in 
Japan). His dull 
appearance and 
stubby physique 
make him excellent 


comedy material. 

To put this character 
in any situation 
other than an 


office would 


guarantee hilarious 
consequences. 
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USING HYPERSTYLIZATION FOR COMEDIC EFFECT 

Manga is a very malleable art form. Manipulating the 
presentation of a character or object at key moments can 
change our perception dramatically. For example, there are 
some instances when you might wish to highlight the cornedic 
behaviour of characters in a scene. By exaggerating their form, 
shape, colour or style, you can introduce humour into the 
scene fluently - and entirely visually. 


This process is known as hyperstylization , and is a form of 
visual interpretation, a subjective viewpoint, rather than a 
fundamental alteration of any characters design. Such 
exaggerated images help express characters' behaviour, as well 
as adding a comic flourish to your artwork. 

Using different combinations of manga's visual grammar 
(see page 11), it is possible to detail an emotional state in an 
amusing and entertaining way 




Zombie gaze 

This exaggerated gaze emphasizes the characters 
emotional state. Showing the mouth extending 
beyond the bottom of the face gives the 
impression of the mouth being open much wider 
than it ought to be. This is the manga equivalent 
of the technique used in American cartoons 
where someone's jaw stretches downwards to an 
impossible extent. In the case of manga, the visual 
portrayal is far less literal and plays on the two- 
dimensional nature of the artwork. 


Happy floating cheeks 

Using a similar technique to 
the mouth dropping off the 
face, this character has 
cheeks drawn so that they 
appear to hover away from 
the skin an exaggeration, 
or hyperstylization. 
indicating a moment of 
extreme happiness. 


Wobbling limbs 

Another technique is to give 
characters' arms and legs an 
almost jelly like quality. This is 
often used to create the 
impression of a character 
dancing or moving in a 
stupid manner - usually with 
a blank and blissful expression 
- suggesting the character is 
oblivious to what others think 
of him or her. 


Simple body 

Reducing the shape of the limbs to 
a simple point makes the character 
look simple and cute, while also 
ridiculous. This is a variation of the 
"wobbling limbs" technique. In this 
instance, the character is happy 
and is running around gleefully. 



















CHAPTER TWO 

Character creation 

The key to making stories come alive is the 
creation of real personalities rather than mere 
two-dimensional drawings. Here are some 
examples of classic manga archetypes. 
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24 (nis) CHARACTER CREATION 


Male lead 

EXAMPLE CHARACTER TYPES AND TRAITS 
* CONTEMPORARY MALE: MYSTCRIOUS/StY/FC 5WFRFUL 


* SCI-FI MALE: SCRIOUSAIt JPIOUS Elaborate derail or a 

distinctive design on 

FANTASY MALE: IILKCJIC clothing con help to 

make a character 
stand out 

These character types represem the fully matured male 
(^S-30 years old). I (is personality is developed and his skills 
and abilities are established. Physically he will be at his 
strongest and be familiar with his own strengths, but also 
with his weaknesses. 

The benefits of such a character to a manga story lie in 
his confidence and self-awareness. With such a character 
there is generally none of the doubt and paranoia of youth, 
but still enough vigour and strength to allow him an 
exciting storyline. 

I his gives you absolute freedom with regard to the roles 
l hat can be applied to him - from simpering, romantic poet 
to aggressive space warrior! 


AVOIDING ONE¬ 
DIMENSIONAL 
CHARACTERS 

The downside to such n 
character is that it is all too 
easy to fall into the trap of 
only allowing the character a 
single goal in the story and 
very little substance. 7 tie key 
lo a successful adult male 
role is to remember that, 
despire his confidence and 
strengths, he is a character 
wiLh a pasr. and this gives 
you real scope for character 
building. He, unlike 
reenaged ur child male 
characters, has a history that 
will have shaped his outlook 
and behaviour What is it that 
drives him’ What does he 
hope to achieve? 


CONTEMPORARY MALE 

GENRE: LON 11 MPORARY 


CHARACTER TRAITS: MVSTERK3US AND SI Y 


DESIGN FEATURES: t.C^TEMPORARY HAlKSiYll. 
ETHNIC ORIGINS. I ONCi COAT SUGGESTS/MR OF MYSTERY 


POSTURE: UPRIGHT CONi IDENf 


ADDITIONAL: *1 IF CHARACTER’S EXPRESSION SUGGEST 
A SI Ki I IWISf NATURE. AND PERI IAPS A DARK SIDE 




















MALE LEAD 
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I he icpciiiion of 
rhp ml n!W on 

both WIMjH IM!> 

pulb Uic cuilurne 
design together as 
a whole 


DESIGN FEATURES: IFMf'Ul CABLES. ACCESS 
PANFI S ON FORFf irAD ANL) I 1ANL) 


POSTURE: IJIWJ II. UNNAIURALLY RIGID 


CHARACTER TRAITS: BRAVE. HONEST AND TRUE 


DESIGN FEATURES: DETAILED ARMOUR DESIGN, 
RECURRING POM-POM FEATURE; ORIENTAL-STYLE TUNIC 


POSTURE: DETERMINED. READY FOR ACTION 


ADDITIONAL: EARRINGS AND HAIRSTYLE SUGGEST 
A REBELLIOUS STREAK 


Metal plating on 
the head and 
wires entering the 
neck remind us of 
the characters 
android nature. 


SCI-FI MALE 


GENRE: SfirNCf FICTION 


CHARACTER TRAITS: STUDIOUS AND SERIOUS 


GENRE: FANTASY 


ADDITIONAL: THE COSTUME DESIGN PERHAPS 
SUGGESTS A POSITION OF SFRVITl JDI 


Props complement 
character design. 


FANTASY MALE 

















CHARACTER CREATION 


ale lead 


EXAMPLE CHARACTER TYPES AND TRAITS 


* CONTEMPORARY FEMALE: MYSTEKIOUS/C ()NI II )l Nf/POWERFUL 

* SC I-FI FEMALE: ^ERIQUS/STUDIUUS _ 

* FANTASY TEMALE: I lEROIC/INTELUGENI 


A glass of 
wine gives 
the character 
a touch of 
class and 
sophistication 


Females in manga typically present a 
wider range of emotions than their 
m-rile counterparts, and introduce 
more complex motivations. This is 
because their roles are often 
grounded more in emotional depth 
than in the simple resolution of 
problems. However this can pul the 
fonvik* * ir i a position where a lesser 
variety of roles is avziilziblr lo her. 

Whereas male characters are 
lypically depicted by their slrenglh or 
skill, Temale manga characters tend to 
he defined by their beauty arid 
femininity, as well as I heir maternal 
inslinr Is Despite this, they are oflen 
granted relrilively "masculine" roles, 
such as soldiers or lighters This 
maximizes I tie potential to create 
fascinating, complex charaders 
whose lives are daily conflicts between 
rheii feminine qualities and the desire 
to achieve in a male-dominated 
society. There are also plenty of 
possibilities lo i leale storylines set in 
female dominated societies, or in 
worlds where women's arid men's 
familiar roles are reversed or mixed up. 


CONTEMPORARY FEMALE 

GENRE: t ONTEMPOPARY 

CHARACTER TRAITS: FASHION CONSCIOUS; 

Al I m IIVI AN I) CONFIDENT 

DESIGN FEATURES: SIMPI F. CLASSIC OUTFIT. 
ORIINTAI JIAIR ORNAMENT; 

IIMITFD ACCESSORIES 

POSTURE: OVER !Hh SHOULDER POSE. 
CONFIDENT. AND PERHAPS FURIAIIOUS 

ADDITIONAL: SOMbfHING IN THIS 
CHAMCTCR’S POSE AND SMII F SUGGBIS (HERE 
IS MORE TO HFR I HAN ivlEEIS THE EYE 


MORE THAN JUST 
EYE CANDY 

Alrhoirgh it might seem generally 
accepted that a male manga 
character can rely on strength, 
heroism or a quirky nature to 
engage the reader, and the female 
simply needs to be beautiful, this 
should not be the driving force of 
your characters. Even a voluptuous 
form will seem much more 
attractive when the smile seems 
genuine and there is a real person 
behind it - however much 
attention you pay to accessories. 


























FEMALE LEAD 
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Ftic sidll is simple L)ui 
hits an Inrricarc design 
cii itie top. implying an 


SCI-FI FEMALE 


GENRE: SCIENCE EICflON 


CHARACTER TRAITS: SERIOUS AND STUDIOUS 


DESIGN FEATURES: PLASTIC MAiERIAlS: KOCKtf PACKS: 
RIBBED MATERIAL ALLOWS EASE OF MOVEMENT 


POSTURE: ARMS CLOSE TO BODYAfMD LEGS 
BENT INWARDS 


ADDITIONAL: Tl ICRF IS A STRONG FI FMFNT OF 
INNOCENCE TO HFR FEATURES, YFT HER ATTIRE IS 
BUILT FOR COMBAT 


GENRE: FANTASY 


CHARACTER TRAITS: -RELIGIOUS. INTELLIGENT 


DESIGN FEATURES: SHINTOFSOUF SWF; 
CEREMONIAL ROBES. MARKING ON I ACL 


POSTURE: PEACEFUL AND SOLEMN. YET CONFIDHNI 


ADDITIONAL: THE CPiARACTER WEARS A NON-COMBAT 
OUTFIT YET GIVES THE IMPRESSION OF WIELDING GREAT 
POWER. WE THEREFORE PLACE HER IN THE POSITION 
OF PRIESTESS. HEALER OR CLERIC 


FANTASY FEMALE 


A special rocker pack 
with booster jets 
allows the character 
to fly Note the 
consistent design 
and style 
of the clothes 
and accessories. 
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CHARACTER CREATION 




Even non-focal 
areas such as 
shoes should be 
considered and 
designed carefully. 


* SCI FI TEENAGER: l lAl'i'Y I ILKO 


EXAMPLE CHARACTER TYPES AND TRAITS 
* CONTEMPORARY TEENAGER: ANGRY TEEN 


* FANTASY TEENAGER MAI URING TEEN 


boys 


Teenagers (14-18 years old) are 
among the most popular protagonists 
in manga. Acting as a "blank ranvas". 
a teenager is at a point where his 
body may have developed physically, 
bur his mind has not yet fully 
matured. Teenagers are more 
susceptible to influences and emotions 
- and are in a position to 
act upon those feelings without an 
adults responsibilities. 

Male teenage characters face the 
trials and tribulations of manhood, but 
withuuL the maturity, strength or 
ability ot their older counterparts. They 
may also be portrayed as dealing with 
the beginnings of sexual desire. Often 
I he result is frustration, expressing itself 
in a brooding and tormented nature 
However, this age group also 
represents the point in iiie at which 
Intelligence and power is first attained, 
and with it the beginnings of maturity 
and responsibility. 


ANTI-HERO 

An anti hero contradicts almost all of Lhe notions of a classic 
hero, and yet presents a believable and interesting protagonist 
for a story. Teenage males are the most common form of anti- 
hero. as they have not yet shown the bravery or strength of 
(tie classic, heroic male. As a result, anti heroes are often 
characters who are ready to altain those qualities by any 
means possible, or they are characters that are out of place in 
the world but crave the chance to demonstrate their latent 
qualities. Whiny, selfish or awkward teens can attain growth 
and self-discovery in your stories, as well as spark entertaining 
reactions from other characters. 


CONTEMPORARY 

TEENAGER 


GENRE: 

CONTEMPORARY 


CHARACTER 
TRAITS: FRUSTRATm. 
ANGRY 


DESIGN FEATURES: 

STREFIWN DRISS 
SENSE. MUSIC NAVI R; 
IINGLRLESS GLOVES 


POSTURE: STRONG Yl I 
1)1 ITNSIVL; CONFIDENI 
YET MIS I MUSI INC*. 


ADDITIONAL: HE APPEARS COI D- 
NATURED BUI PERHAPS COMBATS HIS 
INSbCURI IILS Win I ANGER 
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FANTASY TEENAGER 


GENRE: FANTASY 


CHARACTER TRAITS: WORRIFD AND ANXIOUS 


DESIGN FEATURES: VISIBLE STITCHING ON Cl Oil IINC 
WEAPON. CLOAK. CIRCLET ON FOREHEAD 


POSTURE: ON EDGE AND READY FOR ACTION 


ADDITIONAL: THE CHARACTER'S HAND ON II IE I HIT 01 
HIS BLADE SUGGESTS MISTRUST AND CONSTANT VIGI! 


Unusual clothes and accessories 
that do nor relate to 
contemporary fashion help to 
highlight an interesting and 
original character. 


SCI-FI TEENAGER 


GENRE: S( IL'NCT ITCTION 


CHARACTER TRAITS: HAPPY HLRO 


DESIGN FEATURES: MILITARY STYLE 
UNIFORM. REPETITION OF CIRCLE 
MOTIF. HEADGD\R 


POSTURE: CHEERFUL AND 
CONFIDENT. ENFRGETIC 


ADDITIONAL: : JNTHREATENING 
AND FRIENDLY 


Dlscrccr and subtle 
details such as this 
l»olctlivc ciickd 
help to show tlwi 

tllC C IklfHC I<7 is 

picpaiaJ lor bat tie. 






















3° (no) CHARACTER CREATION 

Teenage girls 



EXAMPLE CHARACTER TYPES AND TRAITS 


* CONTEMPORARY TEENAGER: CONFIDENT 

* SCI FI TEENAGER: DEMI M 

*• FANTASY TEENAGER: I ILk’OIC 


As wilh mnles, the female teenager 
(14-18 yedis old) is a popular 
choice for manga protagonist and 
for many of fhe same reasons. 

What sets female characters 
in this age group apart is 
flow they deal with the 
changes and challenges 
with which life presents 
them. Wirh females there is no 
apparent physical strength to 
solve problems; instead they come to 
terms with their emotions, sexual 
desires and preferences. As a result, 
the female teenager ran often appear 
frit more mature and settled than 
tier male counterpart. There is also 
scope for the female equivalent of 
the anti hero - though not one 
rootert in any male like inner turmoil, 
but a character whose superior grasp 
of controlling emotions sets tier apart. 


CONTEMPORARY TEENAGER 


GENRE: CONTEMPORARY 


A designer bag 
reflects the 
characters tastes 
and aspirations. 


CHARACTER TRAITS: CONFIDENT 

DESIGN FEATURES: FASHIONABLE CLOTHING. MULTIPLE 
ACCESSORIES. INCLUDING PHONE. JEWELLERY KEYS 


POSTURE: DISMISSIVE HAND GESTURE. STRONG AND 
ARROGANT STANCE 

ADDITIONAL: EVERYTHING ABOUT THIS CHARACTER 
SAYS SHE IS CONFIDENT AND IN CONTROL * 


•CONTRADICTORY* FEMALE ROLES 

It is interesting to consider the use of female 
characters in what some might regard as 
standard male manga roles. Often we see a 
female protagonist thrust into the position of 
hero, or leader. Ultimately with the female 
hero, however, the final sentiment is often 
one of "friendship can conquer all" 
and a reliance on other 
characters as backup. In cases 
where the female truly does 
triumph as a solo heroine, she is 
often a character with a strongly 
male orientation. 















TEENAGE GIRLS 
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Futuristic 
accessories 
create a more 
believable 
character. 


Considering the securing 
of weapons to the body is 
an important detail and 
helps ro create a more 
realistic character. 


FANTASY TEENAGER 


GENRE: I AN7ASY 


CHARACTER TRAITS: HEROIC 

in iR! nn 


DESIGN FEATURES: ()VI RSI/I I) 
ARMGUARDS AND HC X )l\ 
EXAGGERATED HAJRSIYI i 


POSTURE: CCTLKMINLL) AND 
PREPARED; SOI II) STANCE 


ADDITIONAL: SIMPLE. 
UNCOMPLICATED CLOTHING 
OVERSHADOWED BY WARRIOR 
ELEMENTS SUGGESTS A TOMBOY 
ASPECT TO HER CHARACTER 


SCI-FI TEENAGER 


GENRE: SCIENCE FICTION 


CHARACTER TRAITS: SHY THOLJGl ITTUL 


DESIGN FEATURES: PLASTIC MATERIALS, BULKY I UIURISTIC 
ACCESSORIES: COMMUNICATION Di.VICL; GLASSES 


POSTURE: DEMURI, NONAGGRFSSIVE 


ADDITIONAL: THE USL Ol I H R 1IAND TO COVER PART OF HER 
EACL SUGGESTS A IACK OF PHYSICAL CONEIDLNCL 
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CHARACTER CREATION 


The villains 



EXAMPLE CHARACTER TYPES 


* HISTORICAL VILLAIN: ARROGANT CiFfsIT! FMAN 


* CONTEMPORARY VILLAIN: C ON! IDLNI VAMP 

* SCI-FI VILLAIN: rOWTRH il GANG I TADfR 

* FANTASY VILLAIN: IkiliAl WAkkIOk 


SCI-FI VILLAIN 


GENRE: SCIENCE FICTION 


DESIGN FEATURES: LONG JACKET. W! IITF 
GLOVES. HEADBAND. RED EYES. LARGE AND 
POWERFUL BOOTS 


POSTURE: POWERFUL AND FEARLESS 


ADDITIONAL: THE GLOVES AND 
POSTURE OF THE CHARACTER IMPLYA 
ROLE OF POWER AND AUTHORITY. 
THE GLARING EXPRESSION 
AND HAND GESTURE 
SUGGEST FEARLESSNESS 


Fvery protagonist nerds an antagonist. 

Without conflict, a story cannot truly 
progress. All the pressure is on the bad 
guys of manga to act as the element of 
chaos the problem that must be 
resolved. As a result, the bad guy is 
essential to the development of the hero. 

Any char deter can become ari antagonist, 
a threat or an opposing force given the correct 
circumstance and motivation - even without any 
of the established visual archetypes. One of the 
only requisites, perhaps, is the conviction that 
they are always right! 


A successful bad guy 

What makes an antagonist truly successful as a 
(iviiYtclor is some element of realism and 
d( * 1)111 In err lain rases, il may be sufficient 
la create a bar.I guy whose motivation is to 
rule the world, but lar more appealing is 
an antagonist wilh a latal llaw, or one 
with a sloiy and a seemingly valid 
reason for his or her actions. Empathy 
is the key. By creating an antagonist 
whose drives arid ambitions can be 
understood and even empathized 
with, the reader is put into an 
uncomfortable position. In this 
way, the evil element of the story 
becomes far more threatening. After all. 
without a strong antagonist, the hero has 
nothing meaningful to overcome and 
becomes meaningless. 


Dramatic use of wind 
to lift the jacket is 
useful to accentuate 
the position of the 
feet. Using a light 
source from beneath 
also helps to establish 
atmosphere. 
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FANTASY VILLAIN 


GENRE: FANTASY 


DESIGN FEATURES: PRIMITIVE STAFF, 
CLOVEN-HOOF-EFFECT BOOTS; GRASS 
DECORATIONS. POINTED EARS. SKULL MOTIF. 
DEMON-WING HEADGEAR 


POSTURE: INVITING AN ARGUMENT. 
AND SURE OF WINNING IT 


ADDITIONAL: THIS CHARACTER APPEARS 
TRIBAL. WITH VOODOO ELEMENTS HER 
CUTENESS CONTRASTS WITH HER DARK ROLE 


This single demons 
wing implies some 
sort of injury and 
raises the question of 
what might have 
happened previously. 


CONTEMPORARY VILLAIN 


GENRE: CONTEMPORARY 


DESIGN FEATURES: VAMPISH OUTFIT. 
SLICK HAIRSTYLE. GOIHIC ELEMENT 


POSTURE: CONFIDI Nl AND COOL 


ADDITIONAL: THIS CEiARACTER'S DARK 
ATTIRE REFLECTS HER DARK NATURE 
SHE APPEARS TO BE READY FOR 
FHYSICAL CONFRONTATION 



POSTURE: ARROGANT 
AND CONCFITFD. TAI I 
AND CONFIDENT 


HISTORICAL VILLAIN 


GENRE: HISTORIC 


DESIGN 
FEATURES: A 

(TNTI FMAN WITH 
LACE SLhtVLS. WALK1NC i 

can! iisrnMrRn yfor 

FFFECT. CRAVAT GLASSES 


ADDITIONAL: THE CALM YE! CONFIDLNT 
POSE PAINTS HIM AS A METHODICAL AND 
MANIPULATIVE ANTAGONIST. RATHER THAN A 
PHYSICAL FOF 
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Catalyst characters 


EXAMPLE CATALYST SITUATIONS OR CHARACTERS 
* GIRL MEETS BOY: AN A11RACI IVt GIRL ENCOURAGES A (3EEKY GUY 



Geek meets girl 

Here we see a popular catalyst 
situation. A young man with a 
quiet, possibly geeky nature 
finds his life turned upside 
down by the arrival of an 
attractive female character who, 
for some reason, feels inclined 
to stay with him. 


* EVIL NEMESIS: EVENTS ART CAUSI I) l)Y II IIS I VII PI I6GN 

# THE FAIRY MESSENGER: HELPS THF PROTAGONIST TO Srr PAST 
I HEIR USUAL BEHAVIOUR 


One of Lfie simplest ways to initiate your 
storyline is by the use of d cdtdlyst 
chdrdeter. Introduung this character 
into your protagonist's world will 
kicksrart a chain of events, 
crenring n new scenario out of 
which you can spin dri exciting plot. 

The catalyst character is one who spurs 
the story to begin by introducing a random 
element that the protagonist must deal with. 
Depending on the form Lhe catalyst Lakes, this 
character may also create a climate of 
uncertainty, forcing other characters to 
discover themselves at the same time as 
the reader discovers them This is a far 
better way of exploring your characters 
lhan giving your readers a long-winded 
cxplanaliori of I heir histories. 

Undoubtedly, lhe mosl notable catalysts take 
lhe form of lfie an!agonist art helype - an enemy 
whose sole purpose is to set obstacles for the 
protagonist. However; this is not by any means 
the only form a catalyst can take. 

It is fairly common for a manga story to revolve 
around an ordinary character, whose life and 
physical appearance are plain and 
unremarkable. Typically, these characters 
might encounter an outlandish, sexy or 
outrageous character who offers them a 
glamorous lift-style that transforms their 
mundane lilt. 

It is not always necessary to create a 
character, however. Sometimes the catalyst may 
take the form of an event - such as the 
protagonist's being granted great power in 
the form of magic abilities. 
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The inspirational messenger 

A tiny fairy lias befriended a boy 
with a view to helping him 
achieve and fulfil his dreams and 
ambitions. Characters such as 
these help to push rind drive I he 
protagonist beyond his or her 
usual behaviour and serve as the 
embodiment of this message. 


The evil nemesis 

This catalyst takes the form of a mean 
character who feels the need to make 
life harder for the protagonist. She or he 
creates a situation that the protagonist 
needs to overcome. 
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CHARACTER CREATION 



Children 


EXAMPLE CHARACTER TYPES AND TRAITS 
#- ACTION BOY: HAPPY AND CHEERFUL 
4 - GENKI SCHOOLGIRL: (Al.'l I M I AND AC.IIVL 
4 TRADITIONAL CHINESE BOY: MATURE AND SERIOUS 
*■ MAGICAL GIRL: MISLHILVOUS 


Note the way in 
which the fire in 
this character's 
hand illuminates 
the whole of 
the illustration. 


MAGICAL GIRL 


GENRE: FUlURIStlC SCI-FI 


DESIGN FEATURES: BUTTFRFLY MOTIF; FUTURISTIC CIRCLE 
DESIGNS; GIRLY RIBBONS IN HAIR 


POSTURE: SPRITE. FAIRY OR BALLET DANCER POSE 


ADDITIONAL: THE OUTFIT AND WAND ARE ALL COORDINATED, 
SUGGESTING THE OUTFIT IS A COSTUME OR UNIFORM 


Manga children usually personify 
innocence and an undistorted outlook 
on life. In your story, their open- 
minded attitude could make a good 
contrast with the burdens of your 
adult characters. A playful child 
rhararler makes a wonderful addition 
lu many lypes of story, either in a 
supporting role or indeed, as 
the star. 

One of the most significant things 
ahm it child characters is that they 
seldom have concerns about love or 
relationships. Any focus they do have 
on relalionships will usually centre on 
their friends, or (if 
the characters are 
in a supporting 
role) on how they 
relate to a parent or 
older sibling. 


TRADITIONAL 
CHINESE BOY 

GENRE: FANTASY 


DESIGN FEATURES: 

COMBINATION OF ORIFNTA! 

AND MIDDI F FASTFRN 
TRADITJONAI DRFSS St JGGFSTS 
FANTASY SITTING; FIAMr PATTERN 

Rrn rers magicai powers; note 

Tl IE LONG PLAIT Or I (AIR 


POSTURE: FIGHTING POSE, 
READY TO ATTACK WITII FIRF 


ADDITIONAL: I HE CHARACItR 
SFFMS VFRY SFRIOl JS. St JGGFSTING 
I IE IS MATURE BEYOND HIS YEARS 
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I he \Hilor uniform 
is a common form 
of dress for 
Japanese 

sciiooigirls. Details 
suefi as rhese 
help the setting 
of a story 


I he mascot is 
an important 
accessory for a 
child character. 


POSTURE: IN A HURRY BUT STOPPING TO SMUT 
AND WAVE 


ADDITIONAL: ALTHOUGH CLUMSY AND NO I STUDIOUS 
SHE IS. NEVERTHELESS HAPPY AND CAREFREE 


DESIGN FEATURES: SPORTY 
LOOKING. STREETWISE CLOTHING. 
LAYERED SWEATSHIRT UNDER 
HOODED TOP. BADGE ON HAT 


POSTURE: BOUNCY AND ACTIVE. 
READY FOR FUN AND ACTION 


ADDITIONAL: THIS CHARACTER IS HAPPY 
AND CHEERFUL WITH HIS CUTE MASCOT 
SIDEKICK THERE'S NOTHING HE CANT FACE 


SUPPORTING 
MASCOTS 

If a story focuses on child 
characters, it Is not uncommon for 
characters to have pets or talking 
creatures, (see pages 38-39). This 
helps to present the child as being 
® responsible, and it also allows the 

character to have something to 
"parent", or guard. 


GENKI SCHOOLGIRL 


GENRE: CONTEMPORARY 


DESIGN FEATURES: SCHOOL UNIFORM. IILADBAMD; 
TENNIS SHOES; O^RYING A BOX OF SCHOOLWORK 


ACTION BOY 


GENRE: CONTEMPORARY 
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CHARACTER CREATION 


Supporting cast 


EXAMPLE CHARACTER TYPES 


* piao(wonoi) 



* PINKAA (HAIRY) 


# TIGGY (CAT) 


KURIMI 


GENRE: CONTEMPORARY 


DESIGN FEATURES: STYLIZED 
AND UNUSUAL-LOOKING MONKEY; 
SARCASTIC EXPRESSION; SIMPLE 
CIRCLE-BASED MARKINGS ON BODY 


* KURIMI (MONKEY) 

* ZENNI (SOIJIKRi I) 

* MINIJII (BUNNY) 


Its lun lo create nun-human 
characters ro act in a supporting role 
lo the protagonist or as comic relief, and 
those characters are often very popular. 
Characters such as these also art as a vehicle 
tor other characters to communicate their 
emotions and opinions for example, by 
pouring out their heaits to them 
avoiding the necessity for thought bubbles, 
or overreliance upon subtle visuals. 

Supporting animals also have the ability to 
react to the lead characters' emotions and 
perhaps reflect the reader's feelings, so the 
reader feels he or she is watching the action 
alongside the magical pet. Animals also ac I as 
prolei live guardians, giving I he character a form 


POSTURE: WALKS ON TWO LEGS. 
WITH LEGS SPREAD WIDE 


ADDITIONAL: THE 

MONKEY'S FUNNY 
EXPRESSION MAKES HIM 
FUN TO SEE AND A GOOD 
ALTERNATIVE TO THE USUAL. 
LARGE-EYED MASCOTS 


uf 




addilional slrmgth or power. 


DESIGN FEATURES: STAR! IKF 
AND SIMP1Y SHAPED 


POSTURE: HAPPY AND AGILE. 
WITH EXPRESSIVE LIMBS 


ADDITIONAL: THE CHARACTER IS 
FRIENDLY AND CHEERFUL. WITH A 
CHILDLIKE HAPPINESS 


PINKAA 

GENRE: MAGICAI 
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TIGGY 


GENRE: CONTFMPORARY 


DESIGN FEATURES: DISTINCTIVE TABBY STRlItS AND 
111JITY Cl IEST GIVE THIS CAT A LOI Ol Cl IARACTFR 


POSTURE: WALKS NTATIY AND CARFFULLY 


ADDITIONAL: II IIS CAT I IAS A rHFFKY EXPRESSION. 
AND COULD MISULI lAVf ANY SECOND 


PIBO 


GENRE: FUIUHL ROBOT 


DESIGN FEATURES: REPETITION OF DISTINCTIVE 
DESIGN ASPECTS ON UELLY AND FORFHFAD. WITII EYES 
FOLLOWING THE SAME STYLE. JOINTS AND EDGES SHOW 
PLASTIC BODY CONSTRUCTION 


POSTURE: SIMPLE. WITH AN EXPRESSIONLESS FACE 


ADDITIONAL: THIS ROBOT IS BUILT FORA PURPOSE. 
BUT CAN BECOME A GOOD FRIEND AS WELL 


MINIJII 


GENRE: CONTEMPORARY 


DESIGN FEATURES: FAT AND 

MALLEABLE WEARS AN EARRING 


POSTURE: USUALLY A SOFT 
AND LOVING POSE BUT CAN 
EASILY POUNCE IF ANGRY 


ADDITIONAL: BY TALKING TO 
THIS SILENT BUNNY THE 
CHARACTER IS ABLE TO THINK 
MORE CLEARLY ABOUT 
HER EMOTIONS 


ZENNI 


GENRE: MACICAI 


DESIGN FEATURES: Ti I ITFY FI IR¬ 
ANI ) Al ITNIIKF ANTFNNAF 


POSTURE: BOSSY AND MOODY 
OBVIOUSLY LUCES IO NA( j 


ADDITIONAL: DESPOT RFING A NAG. I HIS 
SQUIRREL SEEMS WISE AND 11 lOt K ,1 III l Jl 
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tume design 

Costume’ design is d major part of character creation. It 
communicates a great deal about a characters personality, 
and also line Lime and the culture in which they live. 




character 
needs a 
cool costume. 


When designing futuristic or fantasy characters, try to 
experiment as much as possible with costume designs. Take 
as many influences as you can from different sources; avoid 
seeking inspiration soiciy from manga and anime. Instead, 
research the fashions of different cultures and centuries, 
even when designing the inhabitants of imagined, 
futuristic worlds. 

L )esignmg costumes that are reminiscent of clothing from 
sj>(.*( iIk eras in human history can tell your readers a great 
deal aboul Ihe kind of fulure society your slory is sel in: in 
future worlds, a medieval costume might suggest a society 
ll ial is si ill pnmilivr in many ways, wfiereas military-style 


dress might suggest a totalitarian state. Also look at modern 
product design: the curves of a sports car, a gadget or a 
new computer might be the inspiration for part of a 
spacesuit, for example. 

Its important to think about the detail of the costumes as 
well as the overall look. For instance, consider the 
technology available to the world in which your characters 
live. Simple inventions, such as zips, velcro or elastic might 
not be available in an ancient world of swords and sorcery. 
On the other hand, laces and buttons might not be 
necessary in a futuristic realm, as they may have developed 
better technologies of their own. 


HINTS AND TIPS FOR COSTUME DESIGN 

OLD-WORLD FANTASY 

^ Clorhes would he sewn together more 
crudely, with visible stitching and 
simplu cuiislfucliun. 

^ Consider fahrics such as silk, leather 
cind stick cloth. 

^ IJifferent colours and materials 
represent 1 the class of the character 
A nobleman would wear regal colours 
such as red or purple, and his clothing 
would have fine derailing. 


FUTURISTIC SCIENCE FICTION 

^ Plasric-hased fahrics and moulded 
plastics might be present in clothes 





Round 

shapes 

give 

volume. 


Straight lines 
look flat. 


GENERAL 

# Strings and tassels swing in the 
wind, and help convey motion 
during action. 

Long, flowing hair and cloaks 
have a similar effect. 

Stripes and geometrical patterns 
help define volume. 

^ When designing children's 


costumes, consider drawing 
baggy and ill-fitting clothes, as 
young children are still growing. 

^ Coordinate your design 

elements, especially in fantasy 
and science-fiction manga, as 
this reinforces the impression of 
a fully realized society. 


Stripes on the characters hat and 
sleeves help to define the volume, 
as well as coordinating the costume 
with a consistent style. 
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COLOUR SCHEMES 

# Coordinate the colours on your 
character with his or her 
costume. Defining the colours 
on certain sections of the 
costume also helps define their 
volume. This applies just as much 
to black-and-white illustration as 
it does to full-colour. 


HAIR AND SKIN TONE 

^ If you're going to have characters 
that appear often in the same comic 
or series, it is important that you 
make them as different as possible at 
a glance. Making sure they have easily 
identifiable hair colours, facial features 
and even skin tones allows the reader 
to recognize the character instantly 


DEFINING CHARACTER DIFFERENCES 

Certain elements can be used to distinguish characters from 
each other. The shape of a character's facial outline, eye. nose 
and mouth can be very different. Hair is also commonly used to 
distinguish characters. 

The following are examples of how shape can define 
a character. 


\ $) 

) 

1 i' 


v 

s. J . 

V 

V 

r 

) 

/ 

1 

Standard mule chin - 

Larger cheeks and 

In male t h.«.« It*/*, 

not pointed but nnl 

j it milt'd i Imi f ci; 1 

strong chin line 

square jawed cither. 

mean a younger 
playful character. 

tiepit 1 *. *,111*1111111 

of character. 


even if not fully visible in a frame. 



A simpler colour 
scheme is much 
more attractive 


Remember ro vary 
the skin tone of 
different characters. 



More realistically 
shaped eyes depict 
gentleness, which ran 
be easier for the 
leader to relate to. 


Large. elfliKe eyes 
st iow innocence, 
i uimsiiy m 
sometimes 
intelligence. 


ACCESSORIZE! 






Nam»w 171-. ((mi‘tally 
reflect a serious or 
evil cl wt duet. 



BELTS AND BUCKLES 

# Belts and buckles serve a practical 
purpose, and also show that the 
garment is made of fabric 
wrapped around your 
character, creating the 
impression of a three- 
dimensional person 
rather than a flat, 

2-D image. 


ZIPS AND LACES 


^ Zips can introduce detail to even the 
simplest garment designs. 




Accessories can be used to great effect when building up a 
character. However, as with everything, misuse can be 
detrimental to your design. 

It is important to bear certain elements In mind when 
accessorizing characters; 

The characters themselves: their personality, job, habitat and 
social grouping. For example, warriors almost certainly sport 
items that strengthen or protea their bodies, such as forms of 
armour. A specific society might demand specific accessories 
The environment; how cold is the setting? Your characters 
may require gloves or scarves. Certain atmospheric conditions 
would call for specific accessories or equipment. 

^ Aesthetic: accessories are a building block of a character. The 
lack or addition of them can change 
a characters appearance as much 
as the clothes they arc wearing. 

Bows, ribbons, piercings, 
jewellery, belts, chains and 
other accessories can be 
used to adorn a character - 
as long as they are 
appropriate. 

# Don't overdo itl Too 
many accessories can 
detract from the strength and 
coherence of your design. 

Simplicity and practicality are the 
key. Also, be sure that the 
accessories you choose match 
the style. 


This dwracrer is 
uveiUuideried 
mismarrhed 
»im .".seines. 
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Creating a 
setting 

The .setting of your manga stoiy is important. 
The universe or microcosm you create 
dictates the style of the characters and the 
mood of the story. If you plan it out properly 
then no world is too fantastic to be 
captured cor ivincir lgly. 

CRFATING A FANTASY WORLD 
A fantasy world is often dictated by the technologies 
available to it. Everything from communications to 
nrrh&erlurr will define the imagined culture and the 
physical environment. Does the culture have time travel 
spat eships, steam power, electricity or even proper roads? 

If there are people with magical powers in your story you 
have to < cinsider whether these would be applied to 
practical pi ji poses loo, and what impact this might have on 
other parts of society. If a lot of people have a special skill, it 
will affect everyone. It's all about thinking through the 
implications of your idea. 

Geography and atmosphere 

Whal soil ol environment do the characters live in? Is it a 
pleasant visla of fields and Irees, or a series of closed cities 
with marauding animals in the wastelands outside? What is 
lhr weather like/ An especially wet environment would 
affect characters' behaviour and temperament, as would a 
hot and arid location. Consider extreme situations too, like 



Incredible city 

A futuristic 
environment with 
geometrical designs 
and bright colours. 
There are many 
robots based 
on hands. 


Use of magic 

Magical powers to summon the wind are 
used practically, to help move the boat across 
the water. 
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heavy pollution or toxic gas in the environment, forcing 
people to settle in communes or use breathing apparatus 
to survive. 

Political and economic situations 

Is the society a democracy or a dictatorship? Are its rulers 
proud and noble, or evil and greedy? Consider the ways in 
which different types of people live their lives, and what 
their society is like. It isn't necessary to define every minor 
detail, but it helps to get a general idea of the forces that 
govern your characters' lives - and whether they accept 
them, or rise up heroically against their oppressors 

Different races and creatures 

The coexistence of and relations between people or 
creatures is often one of great intrigue and complexity. In 
your manga it could be the source of a character's 
alienation or others' rejection of him or her through fear or 
misunderstanding. Alternatively, it could be a force for 
unity as races work together to make the most of their 
skills. Think also about how different races would affect the 
technology the economic situation or the environment. 
Details such as these will help make the fantasy world 
seem real. 

Consider gods and deities 

The effects of a major overruling power could make a 
significant difference in the way people live their lives, and 
the world they live in. A world prone to floods would have 
houses designed in such a way that they could cope with 
this. If there is a need to worship or appease a god through 
prayer or sacrifice, this will also affect the world and 
its occupants. 


INTRODUCING THE 
ENVIRONMENT 

Introduce each interesting part of 
your scenery to the reader slowly. 
Focus their attention on the objects 
so they can learn or pay attention, 
realizing the significance of objects. 



Mixing things up 

You can make your fantasy world more interesting by 
introducing certain technologies, while removing others. 

For example, consider a world that has never had any fossil 
fuels (such as coal) but has heavy industrialization through 
wind power; water or solar energy This world would fiave 
fascinating cities, with huge structures designed In make 
the most of the energy. Also consider the way that magic 
could be used as an alternative to electricity or steam 
power, as magic could be harnessed to produce light 
or heat. 


Even the scenery 
of gully arid kyiIiMk 
environments 
needs consideration 


OTHER PHYSICAL 
MARKINGS 

Tattoos, birthmarks, freckles 
and other distinguishing 
marks can help identify a 
character. In certain 
situations they may also 
reflect the society a character 
is placed in. For example, in 
Dragon Heir, the citizens are 
branded at an early age 
with a “Spirit Sign”, a mark 
that dictates their role 
in life. 



Spirit signs 

Children 

demonstrate their 
special abilities, 
represented by the 
symbols on 
their foreheads. 


6 ’ 
• 

Healer spirit 

One who heals 
ll ie Id/ id 


•o-‘ 

Warrior spirit 

One who defends 
the land 

© ’ 

Worker spirit 

One who works 
rhe land 


(o\ 

Noble spirit 

One who rules 
the land 

1 . 

°> 

Mage 

(magic) spirit 

One with power 
to split the land 



































CHAPTER THREE 

Digital 
foundations 

Using a computer to produce artwork can 
be fairly daunting at first. However, by 
learning some simple techniques and 
understanding which software to use, you'll 
quickly make the most of working digitally. 

© Peripherals 46 
© All about software 48 
© Photoshop basics 50 
© Photoshop layers 52 
© Resolution 53 
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ipherals 


Having ihr mrrcxi lool.s lor ihejob always makes a big 
difference' in Ihe end results, and the same goes for creating 
digital artwork. I here are expensive, professional-quality tools 
available, but also plenty of options for the smaller budget. 


LCD OPTICAL MOUSE 

You wont get very far using a graphics program without a 
mouse. It's highly recommended that you use a modern 
I FD (light-emitting diode) mouse rather than a traditional 
hall-mechanism model. Optical mice offer greater accuracy, 
smoother motion and aren't prone to jamming. 



PLATDCD SCANNER 

A scanner is usually Ihe digital ailisl's fust purchase. 

Scanners are photocopier like devices that interpret flat 
arlwork arid lurri il inlo computer-readable data. These 
(Jays most flatbed scanners arc inexpensive, or bundled free 
with a new PC. and all are extremely useful for this type of 
wurk Lven a liasir model is usually sufficienl for scanning 
in line art for colouring in a software package. Pay attention 
to the optical resolution when buying a 
scanner. This will be around 600 dpi 
or 1700 dpi. Anything higher 
than XOOO is usually a 
fake resolution 
created by scaling 
the image. 



PRINTER 

Printers might seem something of a luxury for the digital 
artist, as often our work doesn't get printed at all and is 
only published on the Internet. However, it's often good to 
print your work - especially if it is intended for use in print - 
so that you can check the colours and quality. 

There are several different types of printers, but two types 
are most common: 


Laser Printer 

Laser printers are excellent for text 
documents and printed black and 
white comics. The quality of the lines 
is very sharp, and work prints 
quickly. However, ink 
toners (refills) are 
expensive, and the 
printers themselves can 
require costly 
maintenance. There are 
colour laser printers 
available, but these too 
are very expensive. 




Inkjet 

An inkjet printer produces colour work 
cheaply, and quality can be high with 
specialist photo-paper. However, black 
lines aren't as crisp as those produced 
by laser printers, and the ink isn't 
waterproof, making it liable to 
smudging. 
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GRAPHICS TABLET 

Most artists regard the graphics tablet as the essential 
peripheral for digital work. A graphics tablet is essentially a 
sheet of plastic that represents the shape of the monitor. 
Using a special pen, you "draw" on the surface, but rather 
than dispense ink the tip applies variable pressure, which 
the computer interprets and turns into an on-screen 
drawing. Using the pen you can use line and colour just as 
subtly as you would with a real pen and paper. Graphics 
tablets allow much greater and more natural control of the 
tools in all major graphics packages. 

Once you get used to the tablet, you will soon be able 
to sketch, ink and colour your artwork entirely on the 
computer - without using paper at all! 


TIP Graphics Tablet 

Using a graphics tablet can be tough ro begin 
with, but don't be discouraged. It’s a good idea ro 
scan in existing line art Hi si and get used to 
colouring it using the tablet's pen, rather than 
irying ro draw something freehand before getting 
the hang of the new system. This will help you 
develop your control skills 


Graphics Tablet Sizes 

The size of the graphics tablet you 
choose can make a big difference to 
your overall experience of working 
digitally, and how comfortably you 
can work. Consider the size of your 
desk area, or whether you need to 
transport the tablet between different 
computers. If you're working with a 
very large monitor then a small tablet 
may be too Inaccurate to be 
used easily. 

The cost is almost twice as much 
for each increase in area size, so the 
larger tablets can be rather expensive. 
It's worth considering the tablet as a 
long-term investment though. A 
good-quality tablet will last for more 
than five years and still work perfectly. 
Some ranges also offer replacement 
pens and nibs. 

There are also 30 cm x 46 cm 
(12 in. x 18 in.) size tablets available, 
but because of their size these are 
generally considered too large for 
comfortable illustration work. 


Large 

23 cm x 30 cm (9 in. x 12 in.) 

Larger tablets are popular choices 
with manga artists because they 
allow fine conrrol as well as 
general broad strokes. I lowever, 
the large footprint of these 
devices (often as large as 35.5 cm 
x 46 cm (14 in x If) in.) can 
make them impractical for small 
workspaces. 



Medium 

15 cm x 20 cm (6 in. x 8 in.) 

This size gives a great trade-oil 
bet ween size, price and desk 
space, allowing good tx*n acmracy 
lor a rahlet rhat can also be easily 
tucked intu a brig, or mover I nut ot 
the way. However, some artists (Jo 
still find tins size ton restrictive for 
daily use. 


Small 

10 cm x 13 cm (4 in. x 5 in.) 

The smallest size graphics tablel rs very 
popular and cost-effective and is ideal as 
a first tablet. Even if you would like to 
use a larger tablet later, il is worth 
investing in a small one first to gel a feel 
for how a tablel is used. 









48 6 J) DIG 

C T 3 ^ 


UAL FOUNDATIONS 


A 


A 


Albabout 
softwa re 


Photoshop is the most popular graphics 
software for the majority of tasks, but there 
are lots of cheaper alternatives, and also 
more specialized tools for manga. 



CirNTRAI G RAP I IICS PACKAGFS 

Photoshop (Mac and PC) 

I’hutoshgp is generally regarded as Ihe besl art-generation 
and image editing package. It otters a wide range of tools 
for originating digital artwork, plus sophisticated output 
i unlruls Photoshop is the software most commonly used 
lor professional print work, but it also offers tools for 
creating images for use on the Internet. It comes bundled 
with a dedicated package. ImageReady, for this purpose. 

Although Photoshop can seem overwhelming as a result 
of the large number of tools and options, it's easy to come 
to grips with the parts of the software that you'll use most. 



n -A 




Pros: 

Offers the widest range of tools and complete 
control over output resolution; is wideiy used and 
ideally suited to supplying digital work for print. 

Cons: 

Expensive, limited effective natural rntfcJid 
style functionality. 


Photoshop Elements 
(Mac and PC) 

The "cut down" version of 
Photoshop, minus some of the 
more advanced features. Elements 
contains all the basics and is an 
excellent choice for getting started 
with digital artwork. 


Pros: 

A good introduction to 
Photoshop, its interface 
and features. 

Cons: 

Doesn't offer as many 
features as other budget 
software programs. 


PaintShop Pro (PC Only) 

PaintShop Pro is a popular budget 
alternative to Photoshop. Offering 
many of the same basic features, 
as well as some of the more 
advanced, its a good alternative 
for those who want to save 
money. It doesn't provide as much 
control over print-oriented work, 
but it$ still great for Internet work. 
If you want to get started with 
digital artwork, it's a great choice. 


Pros: 

Inexpensive; offers most of 
the tools from Photoshop. 

Cons: 

Lacks DPI (dots per inch, 
see page 53) and CMYK 
(cyan, magenta, yellow 
and key plate - or black) 
controls, which are 
important for print work. 
Runs slowly with 
multilayered and high- 
resolution images. 
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DIGITAL PAINTING 

Open Canvas (PC Only) 

Open Canvas is the cheapest of the 
software listed here, and probably has 
the least options available. However, it 
offers a number of unique features, 
such as brush styles that smudge the 
paint allowing you to emulate certain 
types of natural media. 



Pros: 

Fxrellmt biustl luul 
ucaies fanrasrlr 
lines .if itl cuiuuiv 

Co ns: 

I iff ks It YllUM.'S, 

brush controls are 

diffin ill, inti.'i Ijr.c is 

dwkwdrd hi rimes. 



Pros: 

The best line qi ialify 
and colour blending; 
simulates nan ;ral 
media extremely well. 

Cons: 

Lacks basic image 
adjustment features; 
no option to disable 
anti-aliasing on lines 
Images can’t be easily 
manipulated for 
print preparation. 


Painter (Mac and PC) 

Painter is a hiqhly spcurili/ed 
package, designed fo simulate 
natural media such as oil paint 
and watcrcoloui. 

Painter offers a huge selection of 
brushes and has excellent brushstroke 
control. Despite its many wonderliil 
features, however. Painter latks several 
simple imaqe editing facilities and 
forces lines to be anti-aliased (see 
page 62), making maneja-style 
screentone difficult to apply 


COMIC-MAKING SOFTWARE 

Comicworks (PC Only) 

Comicworks is a specialist software 
package from Japan, designed solely 
for the production of Japanese comic 
books. It allows you to place 
predefined screentone patterns onto 
the page and produce in credibly 
smooth line art. You can easily export 
your artwork and load it into other 
software, such as Photoshop, if you 
wish to add colour. Comicworks is an 
ideal choice for anyone who is 
dedicated to producing comics. 


Pros: 

Fantastic lor producing 
print-ready line art; 
makes applying digital 
screentone easy, and 
prints at high quality. 
Cons: 

Limited to black and 
white artwork (no 
colour or grey); 
interface can be 
difficult to use. 
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Photoshop 
basics 


Its origins worn os on image-editing suite, but Photoshop 
hos heroine the most common graphics and painting 
package, and the standard for both home users and 
industry professionals alike. Most Photoshop basics are 
applicable to oil ih paint software, so what you learn here 
will be useful elsewhere. 


KEY FI-AIUk'hS OF FI IOTOSI IOP 


Tgolbtir 

Displays rhe mrrenrfy selected 
ujluui and the dillcrcnl luub 
available for drawing, painting 
u/id editing the inuyu. 


Brushes Palette 

Alluws you lo choose from 
different types of brushes 
cind stroke styles. 



Tool Options Bar 

Shows all the available 
options for youi 
selected tool, allowing 
you to change the way 
the tool behaves. 


Swatches Palette 

Lets you pick from a 
palette of different 
colours as well as add 
colours of your own. 


Layer Palette 

Allows control of the 
different parts of your 
illustration by 
separating it into 
editable layers. (See 
page 52 for more 
information.) 


USING THE TOOLBAR 

Selection Tools 

A selection is a part of the image that you 
wish to modify, either by drawing onto it or 
by using your selection to define an area you 
wish to cut and paste, edit or apply effects 
to. Selections are easy to use. and make work 
on your image much easier. 

Lasso Tools 

These tools allow you to select areas of the 
image while allowing greater freedom in 
defining the shape of your selection. Use 
the Polygonal Lasso to define a precise 
area by joining points, and the Magnetic 
Lasso to pick up the shape of the image as 
you move the tool over it. The latter is of 
limited use in painting and illustration, but 
very effective in editing photographs 

Marquee Tools 

The Elliptical and Rectangular Marquee 
tools are used to select areas of an image 
defined by the shape of the tool. 

Magic Wand 

The Magic Wand selects an area of the 
image based on the shapes and lines of 
the existing image. It selects an area in 
the same way that the Paint Bucket nils 
an image. 


s 


Cropping and Slicing Tools 

These allow you to cut an image, either to 
remove elements of it or to apply information 
to the slices. 



Crop Tool 

Used to trim the image down to a smaller 
size, removing unwanted parts Marking a 
rectangular selection and choosing Image 
> Crop from the menu will achieve the 
same result 



Slice Tool 

For use specifically in Web site design 
work to separate an image into different 
rectangular areas, to which can be 
added hyperlinks, 


Paint Tools 

Tools that use natural media and real-world 
painting tools as their starting point, adding 
numerous editable possibilities and digital- 
specific effects. 



Paintbrush 

The Paintbrush tool acts much like a 
conventional paintbrush or marker pen. It 
allows you to apply opaque or translucent 
colour and lines to the page, as you would 
with paint or ink 

Choosing a brush size will define the size 
and shape of your brush, changing the 
thickness and style of the lines you draw 
Round brushes are most common, and will 
draw an ordinary line at regular thickness. 
Squarer and more angular brushes vary 
the line width when you draw in different 
directions, and irregular "natural media" 
brushes will produce a gritty, 
textured stroke. 
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The number beneath 
each brush indicates its 
diameter in pixels 


Round Brushes, Square Brushes 
and Natural Media Brushes 


'Tfir 


The "hardness" of the 
edge of the brush will 
define the crispness of 
the colour, and how 
much the colour fades 
out towards the edge 
of the stroke The solid 
black shapes indicate 
hard brushes, whereas 
the fuzzy-looking 
circles represent 
soft edges and 
diffused effects. 


Hard and Soft Brushes Airbrush Mode 


'tin 

m 


When in Airbrush 
mode, holding down 
the mouse button (or 
your graphics tablet 
pen nib) in the same 
place will apply colour 
over itself, thickening 
its application. Airbrush 
mode can make it 
tricky to distribute 
colour uniformly. 

A soft-edged brush 
can often achieve the 
same results. 


Opacity 

This affects the translucency of your applied 
colour, with 100% being completely solid 
colour, and 0% being completely invisible. 
Layering semiopaque colour will thicken 
its effect. 



Pencil Mode 

This applies colour with a sharp, pixellated 
edge (rather than a soft, translucent one), 
with no anti-aliasing (see page 62). 
Although this might look abrasive on¬ 
screen. it is the best way to ensure a 
perfectly crisp edge to your lines areas. 
Generally. Pencil mode is best when 
working ar very high resolutions, if you 
intend to print or reduce the image later 
on. Working in this mode also makes it easy 
to select colours sampled from 
artwork accurately. 



Healing Brush, 

Clone Stamp Tool 
and History Brush 

These are custom versions of 
the Paintbrush for specialist 
uses, and are mostly useful when 
editing photographs. 


Tolerance, Anti-Alias and All Layers 


Totaranc*: |!o P Anti-aliased P Contiguous P All Layari 


ooo 

tolerances] 0 tolerance 100 toler«.ince=200 


Tolerance 

This changes how similar rhe colour has to be for il lu be 
considered the same colour by a selection tool A 0 value 
means It has to be the exact same RGD colour; whereas ? r i r i 
means that any colour will be considered the same, even 
black and whire l ow values from 10 to 50 jre usually 
effective enough. 


anti-alias OH- and alias ON 

Anti-Alias 

Checking rhe Anri alias box 
will allow yoi ir paint (oi 
selection) ro bleed over the 
edge of rhe anwork In 
some areas. This can cause 
problems with clean line 
art if Toleiv.ii ice is sel too 
high, so he sure to room 
in and c heck your work 



09 

ail layers OIT 


all layers C )N 


All Layers 

This affects whethci ll ie 
selection/fill is based on 
the artwork in rhe existing 
layei only, or whether il 
should consider all layei s 
of rhe artwork 



”31 Eraser 

* Deletes areas of the imaqe according to 
the thickness and edge of rhe brush size 
you select - effectively like rhe Paintbrush 
m reveise. II you use this on rhe base layer 
(usually labelled "Background") It will use 
your secondary colour. 



Paint Bucket 

This will paint the currently selected colour 
onto rhe image, working in a similai 
manner to die Magic Wand. 



Text Tool 

Use this to place lexi on II il 1 payc' Click 
on rhe page to creafe a inti hr it >, arid 
hold down rhe mouse button and ding 
to create a multiline rext box wild 
wrapping rexr. 



Shape Tool 

Use for drawing curies, in tangles and 
other simple sivipes Some people prefer to 
use a Marquee combined wilh rhe HU rool 
to achieve the same result 




0 

0 


Smudge, Blur and Sharpen 

The Smudge tool will move colours around 
in the direction ol the brush movement, 
which is useful for blending colours on 
hair, or for creating subtle lolds in labric. 
The Blur tool makes rhe image softer; 
whereas Sharpen makes it crisper by 
increasing the contrast of the surrounding 
pixels. The Unsharp Mask filter is a more 
sophisticated version 

Dodge, Burn and Sponge 

Dodge and Burn are named after old style 
darkroom photography techniques, and 
are used for automatic lightening and 
darkening of colours, respectively. The 
Sponge desarurares colours, making them 
less vibrant. Although they provide quick 
results, it is generally a good idea to use 
the Paintbrush for a greater degree ol 
control over tone anti colour 

Vector Path Tools 

Advanced tools for creating curved shapes 
and selections that can be scaled up to any 
size without pixellating. These tools can be 
difficult to use. but create very smooth, 
curved areas. They are especially useful 
for highlights. 


Notes Tool 

Use to write hidden (non-printing) rext 
annotations ahoi ir rhe image 



Eyedropper 

The Fyedropper samples colour I rum the 
image and automatically changes the 
current colour lo the newly sampled 
selection. Ihis (unction can be achieved hy 
holding down the All key when in 
Paintbrush mode. 


“Tjjn Hand Tool 

Should your Image he larger than the 
present window, tins will scroll the image 
around. You can achieve rhis ar all times by 
holding dowi i II ie iipdce bar. 



Zoom Tool 

Allows you in zoom in and our of the 
image, making it larger or smaller 
onscreen. You can also use I hr Ctrl + j-j 
and Ctrl + |+| keys ro do this. 


Photoshop Elements 

Most of the techniques applied in the 
tutorials on pages 66-99 can also be 
carried out in Photoshop Elements. 
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toshop layers 


Much of the freedom of working in Photoshop comes from 
the Layers function This allows you to work without 
damaging oilier parts of the drawing. 


Layers tan be manipulated and altered easily, so your 
character can be made to wear a bluejacket instead of a 
red jacket, for example; or you can sec what the image 
would look like with a different type of lighting. Layers are 
I he key In working effectively with digital manga. 

the best way to describe Layers is to compare the 
function to sheets of glass or clear plastic, (ike the overlays 
that animators and graphic designers used to use before 
the days of digital. When you draw and paint on a 


■ 


Multiply 


Darken 


Lighten 


Screen 


This example 
shows rhe effect 
of various layer 
styles when pink 
is overlaid on a 
blue layer 


Overlay 




Soft Light 


—• 




Hard Light 


MASKING LAYERS 

A simple way to think of a mask is as a permanent 
selection, outside of which - or within which (depending 
on how you set it up) - the image is unaffected by any 
tool you use, or modification you make. Layer masks add a 
lot of flexibility to the way you can work with Layers in 


Pholoshnp Liyrr, ils conlenls nre entirely independent of 
other layers, although the image will appear to be a 
single item. 



Cacti layer 
I I II il. in is 
vpararp- 
parrs of 
the image*. 


f f 


- 


Flattening Layers 

Layers die only saved by Photoshop in eeitdiri file formats, so when 
woikmcj with the Layeis function you should always save in your 
software package's default format PSD in the case of Photoshop. 

If you Flatten the image (Layer > Flatten Image), the file size of your 
image will he much smaller, because Photoshop creates a single 
rnmpnsfre layer nf all of rhe elemenrs This means rhat you lose the 
ahlllry to edit rhe image larer on You should always try ro keep an 
original ropy of your image wirh Layers intact. 


Photoshop, by defining how much of each layer should 
be visible. 



q. a -i r>. ji * i 


HOW TO MASK A LAYER 

1. Choose the layer, and select the area you want to 
be visible. 


2. Click the "Mask Layer" button at the bottom of the 


BENEFITS OF LAYERS 

if Easier to add colour to lines by drawing on the layer 
underneath, without worrying about the details. 
if Layers can be moved around, allowing you to alter the 
composition of the image freely. 
if Parts of each layer can be deleted freely without altering 
other layers - making it easy to create clean, professional- 
quality artwork that will look great in print or on the Web. 


Layer stack. 

3. The layer will now be masked out and should 
be highlighted. 

4. You can edit the layer mask with black and white 
brushes to alter the masked area. 

5. Click back on to the main colour part of the layer to 
paint here as normal. 

6. Right-clicking on the layer will give you the choice to 
disable, enable or discard the mask. 
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Resolution 


All digital images, be they on-screen or printed on paper, are made 
from dots. The more dots they have, the finer the image is. Producing 
images at a high resolution means more pixels (short for "picture 
elements", the dots used to form the image on-screen). High 
resolutions give you greater creative flexibility in how the final image 
can be used, as we will see. 

Working at a high resolution puts a much greater strain on your 
computer. When you save files they take up more disk space, and 
your computer will require more memory to handle the work and a 
faster processor to manipulate it. The larger the image, the more data 
the computer has to deal with, and if there isn't enough memory 
available to store all that data comfortably, the computer will soon 
slow down or indeed be unable to load the file. Recent computers 
are much more capable of handling large, uncompressed graphics, 
but you should still invest in a decent-sized hard drive and more RAM 
if you intend to work on large images. 




Understanding the resolution of images is crucial when working 
digitally, and can help improve the quality of your work. Whether 
images are intended for distribution on the Web or in 
print, it's important to consider resolution in advance. 


Resolution 25 dpi 


Kesnluliun l J dpi 



Resolution 150 dpi 


PROS AND CONS OF HIGH 

RESOLUTION IMAGES 

Pros: 

ft image can be used for print at 
high quality. 

ft Ability to add fine detail to small 
areas of the image. 

ft Minor errors become less noticeable. 

ft Working at a high resolution gives 
you the freedom to display the 
image at any size you wish. 

Cons: 

ft Can lead to large file sizes on disk. 

ft Requires a more powerful computer 
to manipulate. 


Minimum resolution 

Low dpi images look poor 
when printed. 300 dpi is the 
minimum resolution you 
should work at 



Rusulutiui i 600 dpi 



GREYSCALE 


FOUR COLOUR 


Printers simulate colours and grey tones by using 
patterns of dots. Greyscale images are produced 
using only black ink, whereas four colours (cyan, 
magenta, yellow and black, otherwise known as 
CMYK) are used to produce colour-printed images. 


DPI 

DPI stands for "dots per inch”, and 
refers to the number of dots used lc 
make up an image A high-DPI 
image will contain more dors (and 
finer derail therefore) than an image 
with luw DPI. PPI stands for "pixels 
per inch", which is essentially the 
same rhlng for images on screen, 
bur most people refer to digital 
colour images in terms of 
their DPI. 



Images on a computer screen 
require a lower DPI cuunL to appear 
smooth than images printed on 
paper, partially because of the way 
a screen is illuminated. An image 
punted on paper will need ar least 
300 dpi to appear high quality, 
whereas images on-screen can be as 
low as 72 dpi and still seem sharp 
This means that an image 900 pixels 
wide would he 12 5 Inches wide 
on-screen, UuL would only he 1 
inches wide when printed at 300 
dpi, or 1 5 inches at 600 dpi. 

Despite this, most arrwork intended 
fur display on t ornputer is produced 
at a very high resolution and then 
later compressed. This Is because 
working at a high resolution to 
begin with allows you to zoom into 
the image to add small details, and 
also gives you the freedom to use 
your image tor either print or the 
Internet. When creating an 
illustration, work primarily with the 
image displayed in a "zoomed out" 
view, displaying the image at 50% 
or 25% of the actual size. 


See also Scanning, pages 56-57 

V___ J 














CHAPTER FOUR 

Digital 
techniques 
line art 


Creating high-quality line art is one of the most important 
si Ops lo producing any image. Sharp, clean lines will make 
colouring easier and will significantly improve the presentation 
of your pr inted manga. 

Q Scanning 56 
Q) Traditional inking 58 
Q Digital inking 60 


Digital line art 62 
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Scanning 


Using a flatbed scanner allows you to take an image 
from paper and transfer it to computer Such devices 
are inexpensive and simple to use, and enable you to 
enhance your illustrations with digital techniques. 


Adjust settings on 
your scanner before 
you choose "scan". 


SCANNING OPTIONS 

Colour 

This option stains the* image using full colour. Useful for 
scanning coloured Images, ir is seldom necessary for 
scanning line art. It may be useful if you have coloured 
pmril linos on your page as well as ink 

Greyscale 

Use the greyscale option to scan the image in shades of 
grey making up 256 tones altogether. You'll probably use 
this most of!on when scanning sketches and line art. 

Black and white ("line art" mode) 

Using this option converts your image into pure black and 
white (two colours). This achieves decent results, but you 
can probably control the quality better by using Photoshop 
lo convert greyscale* work into black and white*. 


Mark out the area of 
the image you intend 
to scan with the 
Region Select. 




Colour scan 

Colour scans are slow and use more memory 
(RAM). I hey should only be used for 
colour Images. 



Greyscale 

Greyscale is good for scanning pencil work 
or for quick results from ink. 



Black and white 

Black and white mode is perfect for scanning 
ink drawings. 
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RESOLUTION 

^he most common resolution at which to scan images is 
300 dpi but you can choose 600 dpi for work you intend 
to print or images you wish to enlarge. Very few affordable 
scanners can scan at much higher than 600 dpi or 1200 
dpi, and attempting to scan at higher resolutions than 
these will do little other than freeze your machine and fill 
up your hard drive. 

Scanning in pencil work and sketches 

Pencil work can be a great starting point for a digital 
image. You can clean up your pencil work by increasing the 
contrast of the scan. Often the quality will be high enough 
to be used online without further modification, but 
generally the line quality of pencil work won't be high 
enough for print, except in rare instances. You can also use 
the Sharpen tool or Unsharp Mask filter in Photoshop to 
make your lines appear crisper. 

Scanning in line art 

Most digital artists still produce their line art on paper and 
then scan in the image for colouring and manipulation on 
computer. This tends to be the best compromise between 
line quality, time spent and overall image composition. 

You can choose whether to scan your lines in as greyscale 
or black and white, both of which offer their own 
advantages (see previous page). Setting your lines to grey 
can retain subtle detailing in the strokes, and is sometimes 
better if your line work is especially fine. However, 
converting your lines to black and white (whether through 
the scanner or in Photoshop) will give you crisper lines that 
have a sharper edge when printed. These will be easier to 
colour cleanly in Photoshop. 


TIP: Splicing Images 

If you have an image that is too large for the scanner, you 
can usually scan in several parts and then splice the image 
together in Photoshop. Be sure to keep the edges of the 
paper straight when doing this, and leave an area of overlap 
present on both scanned images. Create a large document, 
then copy and paste the two images onto the page. You 
can reduce the seam between the two halves by using a 
soft eraser (or mask) on the edge of the image on the 
higher level. 


TIPS for Scanning 

Remember you can scan straight from any graphics 
software by choosing the scanner from Acquire or Import 
in the File menu. 

Make sure ihere is no dust or eraser flecks on either your 
paper or your scanner bed before scanning. 

If you're having trouble scanning something flat, try 
placing books on lop of (fie scanner lid rn press lr down. 
# If there is artwork visible Tium Lhe other side ol I fun [viper 
("show through”), you can reduce this by placing black 
card over the back of the papa. 


Pencil work and sketches 
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Traditional inking 

Inking is an important skill for any manga artist. For those 
who can't afford the expensive equipment for digital inking, 

01 who prulur a more tactile drawing experience, traditional 
inking methods offer a cheap alternative. 


Thorp is always a risk of making a mistake and ruining your 
artwork when inking with real pens, so working on paper 
requires more practice and discipline than digital inking. 
Onrr you aro confident controlling your pens, traditional 
inking offers you more control, because you can see the 
whole drawing at once, rather than havinq to zoom in to a 
small section as you do on computer. Even small things like 
the ease of rotating the page as you work make it easier to 
nolle sltvidy lines 

Tiadiliofia! inking also gives you more control over line 
thickness variation. Real pen lines aie affected by both 
pressure and speed unlike the pen of a graphics tablet, 
whir h is only sensitive to pressure. 

()ver the next < ouple ol pages, we'll look at the three 
most commonly used tools for inking, and lhe pros and 
cons of each. 

HIRUSI irs AND RRUSI I PFNS 
Inklnq with a brush is actually more commonly seen 
in Western comics, but there are some illustrators 
ir i Japan who ink lhis way Brushes give the 
aitisl a gieal deal of line variation, but 
require skill and careful control. Bear in 
mind lhal ilK difficult to draw fine 
details wilh a bmsh, so your inked 
pictures may have to be larger than 
you're used to. 

Brushes and brush pens can create 
some interesting lines depending on the 
speed a! whi< li you draw Slow, careful strokes 
produce clean lines, whereas quick, loose 
strokes leave the texture ol the bristle. These soft. 


TIPS Inking 

# Use different-sized pens according to the amount of detail 
you're drawing. Fine details like facial features should be 
drawn with finer pens than the rest of your character. 

# If you make a mistake while inking, don't worry. Simply 
white out the area with correction fluid or white ink, and 
draw over it when it's dry. 

# To make your inked pictures easier to scan, try drawing 
with non-photo pencils (whose lines are not picked up by 
a scanner) and inking over them. Or scan in your pencil 
sketch and tint it blue in your image-editing program 
(Photoshop, if you're using it), then print it out and use 
that to ink from. 

^ If the ink you use is particularly sticky, try dabbing it with a 
putty rubber to remove the excess after it's dried. 


textured lines are great for drawing hair or anything with a 
feathered texture or edge. 

In terms of convenience, a brush pen is better 
than a brush, and is less messy. Brush pens 
often take ink cartridges, so you don't 
have to worry about the brush drying or 
being ruined by sticky ink. Pens with a 
bristle tip give the sharpest lines and have 
the greatest flexibility, Fibre-tipped brush pens 
are more suited to colouring rather than inking, 
as their tips are less fine and tend to blunt 
more easily. 
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TIP Varying Line 
Width 

To vary line width with a fineliner, you 
need a different technique than the 
method you use with nibs and 
Because of the lack of flexibility in the 
the only way to vary the lines is by 
drawing over them a few times. 
Drawing quickly in a way similar to 
how you would build up lines on a 
pencil sketch, creates a more 
natural-looking image. 


FINE-LINERS 

Fineliners are great for creating flat, consistent lines. There is 
no line width variation with pressure (in fact, don't press too 
hard - you could break the tipi), and little variation with the 
speed at which you draw. The consistency of line is useful il 
you're creating a cel-style coloured image (see pages 
70-73), but it's not the best type ol pen lor manga 
unless you use several thicknesses of pens and 
layer your lines to create variation and depth. 
Fineliners come in two types: cheaper, disposable 
pens with plastic tips, and expensive moral ripped 
models. Metal tipped pens arc refillable with a variety of 
different inks, but they require careful rnainlerwrite and 
cleaning (sometimes with expensive kits). The stiffness of 
tips makes them difficult to use, as the ink only flows 
properly when the pen is held at a 90 degree angle from 
the page. Plastic-tipped fineliners cope better with 
more comfortable angles. I here are lols ol dillerenl 
brands available, each with different ink qualities and 
tip strengths 



Nibs are the traditional inking choice of manga artists. 
Nibs come in a range of different shapes and 
sizes, each with a different purpose. Wide, 
pointed nibs are good for drawing most 
things, with a smaller; firmer-pointed nib 
used for details and finer lines. Square 
tipped nibs intended for calligraphy are 
rarely used. 

You can easily create interesting- 
looking lines with nib pens with just a little 
practice. Flowever, nibs can be messy and are 
liable to cause inkblots on your artwork. Ink also 
takes a while to dry, so you have to make sure 
you don't smudge your work as you draw. Nibs 
need to be thoroughly cleaned and, although 
they are inexpensive, they do need to be 
replaced frequently. 


PENS TO AVOID 
Biro 

Biros create a suit line similar to pencils. 
This makes them acceptable for the 
occasional sketch, but a finished piece 
will look scruffy comprired to one inked 
with a pen intended for drawing. 

Gel pens 

These are similar to biros, but stickier. 
The ball in the tip is easily clogged by 
ink, leading to broken lines. I his sticky 
ink also makes the lines it produc es 
smudgy and slow Lo dry. 

Pencils 

Skipping the inking stage and scanning 
your pencil sketch instead might seem 
like a time-saving tip. but really it takes 
just as long to clean pencil lines as it 
does to ink a picture Pencil has more 
texture than ink, but lacks crispness. 

Use pencils if you want that effect, but 
don't think of them as a replacement 
for inking. 
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Digital inking 

Thanks to graphics tablets becoming less expensive and more widely 
available, il is now practical to produce line drawings entirely on a 
compuiof. Drawing digitally gives you a lot more freedom than traditional 
inking does, hi it you will need a lot of practice with your graphics tablet 
lo become as proficient as you might be with a traditional pencil or pen. 



KOIATING Tl IE PAGE 
The huriidn wrbl can only turn through so many 
degrees, so when holding a pen it feels more 
cumfurUibfe and natural to draw certain 
angles and strokes of lines than others, 
especially nr larger sizes. For example, 
it is easy to draw a small circle 
comfortably, as all the movement is 
in your hand and fmqers. However, when 
drawing a circle larger than a couple of inches in 
diameter, you will find that the part of Ihe circle closest to 

you will be the 
least comfortable 
to draw 
A graphics 
lablel (or mouse) 
is operated in 
alignment with 
your screen, and 
you will be sitting 
al a desk with the 
graphics tablet in 
front of you, so 
you’ll find there 
are physical 



Image quality is 
rerained when you use 
Rotate Canvas lo ruldiu 
your image. 


limitations to what you can comfortably achieve. There 
are ways to reduce the problem, however. 

In Photoshop (and most other packages), you can 
rotate the image by 90 degrees by using the Rotate 
Canvas option from the Image menu. This can be a 
little slow, but it keeps your image intact so that you 
can rotate it back to the correct position without any 
loss of image quality. However, do not use the 
"Arbitrary" rotate option, as this will permanently 
damage your lines and lower the quality when you 
rotate them back into position. 

Specialist packages such as Painter and Comicworks are 
designed more with the concept of drawing straight to the 
computer in mind, so they give you the option of rotating 
your canvas freely while you draw, making it much easier 
to work on. 

FLIPPING THE PAGE 

You can often spot flaws and errors in your artwork when 
you mirror it. so when drawing digitally it is worth using 
the "Flip Canvas Horizontal" function occasionally to see if 
you can spot any problems with the image. Fix them, and 
then flip the image back. 


V 


Sor rlKO Traditional inking, pages 58-59 





Check the 
“Smooth Unes" 
box to enable 
line smoothing 
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DIGITAL SKETCHING 

Computers offer a lot of flexibility with regards to how you 
can draw and it's this flexibility that makes them fun to 
sketch with. 




ROTATE, SCALE AND MOVE 

While you're still sketching, you 
can take advantage of the Image 


Transform tool in Photoshop. 


Experiment? 

Want to try a different pose? Wondering what 
your character would look like carrying an item, 
or wearing a different outfit? Duplicate your 
sketch layer and hide the original, then you can 
draw on the new layer as much as you wish, 
trying out as many new ideas as you can think of. 


Rotating an arm. scaling a head 
or moving a waist might be all 
you need to get your image 
looking perfect. 



Building up your sketch 

Try sketching very luusdy on 
a new layer i inril ym i get n 
rough version of rhe Image 
or pose you want Now. set 
this layer ro a low opariry 
(30% or less), and create a 
new layer Draw your image 
with more definition tills 
rime, using your nfhnr layer 
as a guide. By repeating rhls 
process yor j ran slowly Host i 
out ari image. 


DIGITAL INKING 
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Sharpening your 
lines 

Using rhe Fraser, 
sharpen the edges 
of blunt lines 
into the poir it 
you desire. 


D * 


B 
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03U 


Creating the outline 

Always work on a new 
layer when producing 
your ink outline, ideally 
fading your sketch to 
30-50% opacity on the 
layer beneath. Work over 
the lines of your 
character with the Brush 
or Pencil tool. Sometimes 
it helps to turn off the 
sketch layer briefly to see 
more accurately how 
your lines are looking. 



Drawing details on 
separate layers for use in 
colouring later 

lt!s worth drawing folds or 
clothing details at this stage 
on a new layer. They can be 
used as guidelines later when 
it comes to colouring. 
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Digital line art 



Preparing line art for further digital production work is an important step in 
every piece of artwork, and with understanding can make your work easier 
to produce and can give you more options in developing your images. 


WHAI IS ANTI-ALIASING? 

Everything on d computer screen is mdcle of square pixels, so in order to 
represent diagonal lines and curves the screen has to arrange tiny squares in 
diagonal or curved patterns. With close inspection, it becomes obvious that the 
image is pixellated - curves in particular can look jagged on screen. 

Anti aliasing is a method that blurs the colours around the pixels in your lines 
to more accurately fake the appearance of a curve or diagonal. This is very 
effective on a computer screen and will vastly improve the overall appearance of 
your image. However, it is less desirable in print. The printer will try to make a 
pattern to represent the greys, with the overall effect that the line looks far less 
smooth than I he "aliased" version. 

Also, when using (he Magic Wand and Paint Bucket tools, the computer has 
to begin making assumptions about correct selections and fills when it comes to 
working with anti aliased images. This can lead to a loss of quality on the image. 

BASIC LINE ART PREPARATION: GREYSCALE LINE ART 
l King a "Multiply" layer is the simplest way of setting up your line art in graphics 
software. This projects the black lines of the artwork over the image, and any 
grey parts of the image make the underlying colours darker. This method is quick 
to set up, arid useful for most types of images. It's also great for pencil line art, or 
anything with distinct and crisp edges to the line work. 



Fill tool without 
anti-alias 



Fill tool with anti-alias 



1. Background colour 

Open your line arr file in 
Photoshop. This urn be 
either lines you have 
produced digitally or an 
image you have scanned 
Specify your background 
colour as rhe colouryou 
wish ro have as a backdrop 
usually this will be white 
at this stage. 

2. Selecr rhe pnrire image 
using Ctrl + A. cut the 
image with Ctrl + X; then 
press Ctrl + V to paste the 
image into a new layer. 
Change the layer style to 
Multiply. This will make all 
white areas of the image 
transparent, and all black 
parts of the image opaque. 


J Ltyn _ 

v Oau*r: IK-Sb » 
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3. Ready to start 
colouring If you create 
another layer, located 
beneath the line art 
layer, you should be able 
to draw and colour 
without obscuring the 
line art at all. You're now 
ready to start colouring. 
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ADVANCED LINE ART PREPARATION: BLA\CK AND WHITE LINE ART 
In many instances of producing digital line art, you will want your work to be as 
clean and "digital" as possible. This essentially requires converting the line art to 
black and white, and removing all white from the layer. Although this will make 
the edge of the line art appear "jagged” and aliased up close, it will produce the 
crispest line results, especially in print. 



1. Open ym ir line art file ns norm.il, .inti 
^oom in to the lines, showing rhe Image at 
100% pixel si^e. 

2. Select the entire imuye using CUI + A cut 
rhe image with Ctrl + X. then hit CD I » V lu 
paste rhe Image into a new layer 

3. Use rhe Rrightness and Contrasr rnnl rn 
adjust the line art to be completely black 
Kdise the Contrast to 100, arid then adjusr 
the Brightness until tlie threshold produces 
the desired appearance, Checking rind 
unchecking the Preview box will allow you lo 
see how similar I he black and whire lines 
look to lfie original greyscale lines 




5. Your line art will 
now consist of pure 
hlack lines, and will 
be easiei to work 
with, with greater 
flexibility for punt 
and coloured lines. 


vj 10 0% > ; 
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SCC also Scanning, pages 56-57 


























































































CHAPTER FIVE 

Digital techniques: 
colouring, screentone 
and effects 

Thanks to digital colouring, it is now easy to create professional-looking 
work. Wiih an understanding of the different methods you can choose the 
perfect style for your manga pages. 

© Colouring basics 66 
© Cel-style colouring 70 
© Airbrush-style shading 74 
© Simulated natural media 78 
© Lineless artwork 82 
© Digital screentones 88 
© Special effects 94 
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Colouring basics 


1. Set up line drt layer Kiyhl-Uick the layci containing your inked 
pirn in-** rind select Duplicate Layer Name this new layer "outline", 
and set Ir ro Mi ilrlply i isfng rhp drop down menu at the top of the 
I ayer palette 


No matter whar kind of image you're making, you've 
got to start somewhere. A lot of illustrations begin with 
the same basic steps. Here are a few general tips that apply 
to most techniques. 


BASE COLOURING TECHNIQUE FOR GREYSCALE OUTLINES 
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2. Create a 
background 
layer Make a 
new layer and 
fill ir with any 
colour (light or 
muted tones are 
best). I he 
purpose of this 
Is to make it 
easier to see 
any gaps in 
your base 
colours later on. 





3. Create base 

SSr' 

colour layer 

s.y. 

Make another 

Jb.y. 

new layer for 


your base 


colours. Select 


an area you 


want to colour 
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with the Magic 
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Wand. 

0 
































































































COLOURING BASICS 


67 


AS Clrl+A 

Deselect Ctri+D 

Rep?>ct Thrr+Ctil+D 

Inverse Shift+Ctrl+1 

Color Range... 



4. Notice how the selection doesn't go 
right to the edge of the lines? To get 
around this, go to the menu and choose 
Select > Modify > Expand, and expand 
your selection by 1-3 pixels. 




5. Block in colours Use 

the Fill tool to colour rhe 
area. If you turn 
"Contiguous" off, you 
can fill the whole 
selection at once 


6. If there are still some 
areas left outside the 
selection, use the 
Polygon Lasso tool to 
select them manually. It's 
mostly small corners and 
sharp points that get left 
behind, so pay special 
attention to those areas. 



im 

s.y. 

A. 

si. 

T. 

$.□. 

a/. 

O A. 


to 

pidi 



□. K + 
V 5 . \ 

a >. 

y.y 
A. y. 
a.t>. 
si.*. 
*.T. 
a. a. 

J.S. 

A 

B 

id J 
□ □a 


7. Where there* a lot of tight 
detail on the image, like the 
sleeve on this picture, it's 
quicker to use the Polygon 
Lasso tool to draw the 
selection manually as you did 
in the previous step, instead 
of painstakingly using the 
Magic Wand ro select each 
bit individually 


8. Now that you've got the 
foundations down, you can 
colour the image in any style 
you want. 
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BASE COLOURING FOR BLACK AND WHITE OUTLINES 





5. If there are any 
small areas left 
behind without 
colour, you can 
simply touch them up 
with the Brush tool. 
Just use a very small 
brush and be careful. 


6. Now that you've 
got the foundations 
down, you can 
colour the image in 
any style you want. 
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4. Block in colours Use the Fill tool, 
with Anri aliasing off, to start filling in 
the colours. 


1. Create layer for line art Start by right-clicking the layer 
containing your inked picture and select Duplicate Layer. Name 
this new layer "outline". 


2. Remove white 
areas Use the 
Magic Wand tool, 
with both Anti¬ 
aliasing and 
Contiguous turned 
off. to select all the 
white on that layer. 
Hit Ctrl + X or 
choose Edit > Cut 
to remove all 
the white. Lock 
this layer. 


3. Create background 
layer Make a new layer 
and fill it with any 
colour. Duplicate the 
outline layer and name it 
“base colour", then move 
it below the outline layer. 


%'y. 

Vs. 

efe. SS. 

t.T. 

□. 

p A. 

1 


□ □□ 

















































































































COLOURING BASICS 


69 


FIXING GAPS WHILE COLOURING 



9m Mi mm np» gjgj wig v— w» — 






If your image outline has a lot of gaps in it. 
you can patch them with the following 
simple method. On your base colour layer, 
use the Brush to draw a line between the 
sides of the offending gap in the colour you'll 
be blocking in. Then you can select the area 
with the Magic Wand (set to "All layers"), or 
use the Fill tool to colour the area. 
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COLOURING JARGON 

The colouring tutorials over the following pages will be 
easier to follow if you have an understanding of basic 
colour terms. 

Hue The technical term for colours. 

Shade Hues mixed with black, or other dark colours. 
Saturation The intensity of a colour. A saturated hue has 
very pure, strong colour, whereas a 
desaturated hue is muted and dull. 

Contrast The difference in hue or shade between 
two colours. 


COLOUR THEORY 

Your computer has millions of colours 
(16.7 million) from which to make a 
selection, so where do you start? Colour 
theory can help you understand the 
way colours are used in a composition 
and can help you make informed 
choices aboutyour own colouring. 
Colour theory does not Just apply to art 
- It* all around you. Your environment Is 
affected by light; elements of colour 
theory are present everywhere. 

Strong colours attract attention, so 
use this to create depth In your picture. 
Objects In the foreground should be 
more saturated than objects In the 
background This will make the viewer 
focus on your characters, and create a 
realistic sense ol perspective. 

Achieving balance with colour is 
Important too If you want to use very 
bright colours you have to know which 
colours to use to balance them A very 
bright or saturated colour on its own in 
a picture is jarring, but appears calmer 
when used with matching hues, pulling 
together the whole composition 

Colour and lighting 

Lighting affects colour more than most 
people realize. It changes not only the 
colours of shadows and highlights, but 
also the colours of the whole picture. 
Notice how everything around you is a 
different colour at midday than It Is at 
dusk? If your illustration has very strong 
coloured lighting, you should colour the 
background first and use that as a basis 
for your characters' colours If you 
colour the character first, you might not 
be able to match the lighting of the 
character with the lighting of the 
environment surrounding it. leaving you 
with either a disjointed image or a 
picture with a different mood from the 
one you set out to achieve 

Generally, black shading should be 
avoided. Black drains away colour from 
a picture, making it seem cold and 
unnatural. Dark browns, blues and 
purples are good colours to use for 
shading, but mostly the choice depends 
on the lighting in your composition. 
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Cel-style 

colouring 


Ol-siyle colouring refers to the animation 
cels used in Jripur iese anime, and to the 
technique of shading a character using a 
limited number of rones. 


Iransparent sheets of ncerarc are painted with bold block 
colours, using only a few shades to represent shadows 
and highlights. 

The technique of creating tonal definition through the 
use of shadows dates back to the I 960s, with even black 
and white animations using the method, but it is found 
in some early colour pieces too. From the 1970s 
onwards, the vast majority of Japanese animation used 
l his type of shading on animated characters, and the 
style became commonplace with anime. 

In contrast, most early Western animalion used no 
lighting or shadows on ihe characters at all. In the 1990s, 
some Western produr lions adopted the technique with 
satisfying results, bul many non-CG American animation, 
including large-stale film productions, does without 
shadows on the characters < umpletely I his is part of the 
reason why using cel slyle lias become so intrinsically 
associated with the anirne slyle 

Its very simple In emulate the ceFpamted visual style 
through the use of software and digital techniques. You can 
change colouis and c onlrol the overall look of your imaqe 
easily by adjusting the layers, arid you can alter your 
shading at will until you're completely satished with the 
results. Using your knowledge of t ayers and Photoshop 
tools, the following steps should allow you to easily achieve 
an authentic cel-style look in your drawings. 
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CREATING A CEL-STYLE IMAGE 


1. Blocking out 
colours Start by 
filling in your base 
colours using one of 
the methods 
detailed on 
pages 66-69. 
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2. Create layers Select an area to 
shade with the Magic Wand. Make 
a new layer underneath the 
outline for the shading. 
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3. Block out shade and refine Loosely shade 
the area with the Brush tool, and then use the 
Eraser to smooth the lines and sharpen the 
points. Some parts may need more than one step 
of shading to give them extra depth or definition, 
but be sparing with your shading; adding too 
much will make the image look less like an 
authentic animation cel. 
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Less Is More 

I milling your (viHte m.^y seem like a crazy thing to 
suggest, considering II le poImM of cJigiinl arlwork. 

I lowever, cel-style pictures benefit from minimal shading. 

Ihe shading in (<’l colouring is dependent on how 
reflective the object you're colouring is. The shinier it is, the 
more shadows and highlights you apply. This means it's 
best to use less shading on areas that are more matt, like 
clothing and skin, and more on areas that are shiny, such 
as hair and jewellery. Using fewer layers of shading will also 
make the image cleaner. 



5. Highlights Make a new layer above the 
shading layer for the highlights. Colour the 
highlights in a similar manner to the shading - 
sparingly - and with consideration of how much 
light reflects off the character. 
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6. Your image is 
complete. Here 
you can see a 
breakdown of the 
various layers. 


MATERIAL TYPES IN CEL SHADING 


Skin Skin tones 
usually use 
three basic 
steps of colour, 
with a fourth 
additional colour sometimes 
used for white highlights. 



Hair Hair in 
anime is often 
incredibly shiny, 
with at least four 
shades of colour, 
including bold 
white highlights. 




Cloth Soft cloth 
absorbs light, 
and can be 
accurately 
portrayed with just 
two tones of colour. 


Plastic Plastic is 
similar to metal, 
but tends not 
to reflect. It will 
use three or four 
shades of colour. 




























































CEL-STYLE COLOURING 


73 


TIP Quick Colour Change 

If you want to adjust any of the colours you've used, you can do so simply by 
selecting the area you want to change and going to Image > Adjustments > 
Hue/Saturation on the menu, or hitting Ctrl + U. Use the Hue slider to change the 
colour. Saturation will either fade or intensify your colours, and Lightness will fade 
colours out to black or white. 


TIP Alternative 
Coloured Version 

The alternative colouring is achieved 
using the exact same techniques 
described on these pages. The main 
difference is that the ortist opted for 


a single layer for all I hr si lading - a 


The saturation 
slider increases 
the amount of 
colour intensity, 
or reduces it 
to greyscale. 
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Edrt. Master 
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Saturated 


OK 
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| Load... 

| Save 
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B Preview 


The Hue slider 
shifts the colour 
spectrum and 
adjusts all 
colours equally. 


Increasing the lightness will mix 
white with the chosen colour. 
Reducing it will mix black. 
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Rubber Rubber 
is harder than 
cloth, but not 
as hard as 
plastic. Use two 
or three shades. 



Metal Different types of metal use 
different numbers of tones, but often 
metal is presented as shiny, with four 
colours being used. Sometimes the 
metal reflects objects around it, so it v 
pick up colours from neighbouring objects 
or the environment. 



bright blue colour was painted over 
the whole image on a layer set to 
Multiply. This technique qives the 
character consistent and dramatic 
lighting, bur it can cause the colours 
I o look washed oul il you use an 
inappropriate shade. Be sure lo 
experiment with different shades 
and colours to gain the best results. 
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Airbrush-style 

shading 
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1. Block out base colours Block 
out your line art as normal, with 
solid shades of colour, as shown 
on paqes 66-69. Use the Selection 
tool to select all of the flesh- 
coloured areas, and then create a 
new layer. You can create a mask 
based upon your selection, or just 
keep your selection and use that 
as a guide. 


Many artists use brush tools in Photoshop to soften the 
appearance of their artwork, and to accentuate the 
volume of their characters. Digital airbrushes and 
other soft-edged brushes introduce subtle blending 
of shadows on the figure, and can help to 
distinguish between different types of material 
and surface. 


CREATING AIRBRUSH-STYLE SHADING 
ON AN IMAGE 
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soft-edqed brush. 
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2. Soft "cel" style Choose a 
complementary colour tone and use 
a large, soft-edged brush. Mark out 
the lighting much as you would 
with cel colours, with your brush set 
to 100% opacity. 



3. Erase highlight areas Change 
the Traser tool to use a similar large 
soft brush, and work witl i but! i II le 
Brush and Eusei to del me the shajx* 
of the area. 

4. Brush control Changing the brush 
size will help you cuntrul the spread of 
colour and the Iwrdness of rhe edge 
Use the ( and | keys to scale rhe brush 
up and down A small brush will have a 
harder edge than a large brush. 


5. Define subtle shading Use a darker skin tone 
to add further definition and shadow beneath the 
neck, beneath the lips and under the nose. The 
shading of rhe skin areas is now complete, and 
we can move on to shade the rest of rhe image 


6. Create a new layer and 
use any obvious colour - 
here we've used green - as a 
guideline to draw folds of 
clothing onto the image. 
Bearing in mind where the 
fabric will pinch and gather, 
draw lines emanating from 
the point of tension. 
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7. For the rest of 
the clothes, use a 
single layer to 
define shading. 
Create a new layer 
set to “Multiply" at 
100% opacity. At 
this point, we have 
chosen a cream 
shade, which will 
be applied to the 
image as the 
shading tone. 




8. Precision smudging Using 
smaller brushes will create sharper 
creases, whereas larger brushes will 
create bunched folds. Bearing in 
mind the shape of the character, you 
can define volume with these folds. 




9. TIP: Crey stripes have been added to 
the girl's top at this point to help define 
vuluiiie. Remember that the c urvature of 
stripes, lines and parrerns helps to stop 
images from looking flat and lifeless. 


10. We’ve used the Smudge tool to create 
the impression of fabric folds. Smudging 
the shadow outwards along the guidelines, 
and then smudging the shadow inwards, 
creates the desired effect. 
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Skin: Strong blue 
shadow, and 
softer application 
of Airbrush. Using 
brushes with low 
opacity on the 
Airbrush setting, 
you can slowly 
work over the 
image increasing 
shade gradually. 


Design: A few 

changes to the 
design and colour 
pattern of the 
clothes can make 
a big difference 
in the perception 
of the character. 


Backlighting: A white light is used 
from behind the image, surrounding the 
shapes in a striking white glow. Tracing 
the outline of the shape, and considering 
where the backlight would be blocked, 
adds a dramatic look to the image and 
helps define volume. 
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12. Smudging highlights We've 
created the hair with the Smudge 
tool in a manner similar to the folds 
of the fabric. To do this, place layers 
of colour down to define shade, 
and then smudge to follow the 
shape of the head. When you're 
happy with one layer of depth, 
introduce lighter shades and repeat 
the process over again to build up 
layers just like those of real hair. 


Unusual eye 
mini ir and white 
lipstick give the 
girl a sci fi look 
and complement 
the white of 
her outfit and 
blue lighting. 


Hair: The exact same 
hair as before, but 
with a few alterations 
to the Hue. Saturation 
and Contrast tools. 


ALTERNATIVE COLOURING 

Here the same process is used to achieve 
a radically different result, transforming 
the girl from a contemporary girl- 
next-door to a futuristic space star. 
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13. Coloured lines Here we've finished 
the image by colouring the lines in a 
similar mariner to lhar described In 
Simulated Natural Media (see pages 
78 81). selecting the black lines and 
colouring them on a new layer The 
image is now complete. 
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Simulated 
natural media 


Computer-generated (CG) illustration is known for 
being pristine and flawless, but as computers have 
bet orrie more powerful and versatile, software 
pat kages have been created to make illustrations 
look more fiuman, and a little less than perfect. 
Natural media simulators such as Painter add that 
little bit of "hand-made" texture. 


OIL PAINT STYLL 

Oil paints smear together, giving tonal areas definition yet 
softly blending at the edges. 
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t. Block out colours Lay down some base colours 
using one of the methods described on pages 66-69. 
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2. Set up shading layers Create a 
new layer for your shading. This 
illustration only uses one for all the 
shaded areas. However, you can use as 
few or as many as you feel comfortable 
with. There's a second layer for the 
palette to help us keep a record of the 
colours we've used. This is essential in 
natural-media-styled work, because the 
original shades are blended together so 
much they may become hard to pick 
out with the Eyedropper. 
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3. Starting to shade Select an area and start shading wilh l he 
darkest shade Here we've used an almost transparent textured brush 
Between 10% and 25% opacity is recommended, depending on how 
dark your colours are. Notice how we’re working texture into the 
image? Short, quick brushstrokes are used to build up colour slowly 
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4. Soften colours The colour is blended 
out to the base colour tone using 
increasingly lighter shades. 
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5. Build up highlights Add your highlights in tfie same 
way. Just blend the colour, getting lighter and lighter. But 
be careful when adding highlights, if an image has an 
excessive number of highlights compared to the amount 
of light in the picture, it can look less natural. 
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WATERCOLOUR STYLE 

This image was actually created in 
Painter rather than Photoshop, but 
the results are achievable in both 
packages. The most obvious 
difference in this picture is in the 
delicacy of the palette. Real 
watercolours arc a very transparent 
medium, so this is reflected in the 
lightness of the CG. The shading is 
blended from the midtone to off-white 
shades, or white - a huge contrast to 
the bold, strong hues of oil paints. 
Another difference is the complete lack 
of black. In a watercolour-style picture it's 
better to colour in off-black shades, such 
as dark greys, purples, blues and 
browns. This helps to keep the image 
looking soft and light. 


Grainy brush 
shapes help to 
capture the 
feel of 


genuine 

brushstrokes. 


Multiplied washes 

Just like adding pale washes of colour 
over a painting, you can add pale washes 
over your image in CG. This is great for 
tinting areas. Rather than constantly 
having to blend colours together, you can 
just make a new layer and paint straight 
over them. Setting the layer to Multiply 
and colouring with light shades will 
preserve the texture and depth of the 
shade you've already coloured. The shiny, 
pink blush on this image was created in 
this way. 
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6. Colour the rest of the image in 
l lie same manner. 
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Some layers have been 
locked to avoid accidently 
editing them. 


Shadows and 
highlights are built up 
on a separate layer. 
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► ACRYLIC STYLE 

Colouring an image to look like acrylic paint is a mid-point 
between oil painting and cel-style artwork. Real acrylic 
paints have the same strong pigments as oils but don't 
blend, which you can reflect in your colouring. The edges 
of the colours are much softer than cel-style images, 
showing the texture of the brush. 

▼ PAINTER ADVANTAGES 

For creating natural-media-style images, a dedicated natural 
media simulator like Painter is the easiest way to produce 
good results. Not only is the brush control more flexible, 
allowing you to blend and push around colour in a realistic 
way, but the sheer number of simulated media means it's 
more akin to having a whole studio full of supplies in your 
computer. Anything can be reproduced on your computer 
reasonably faithfully, from traditional materials like oils and 
watercolour, to less orthodox brushes like the Japanese 
sumi-e brushes and wax crayons. 

Much of the fun from Painter comes from using materials 
that could never be used together in the same picture. Oil 
brushes can be used to add a bit of colour to rough sumi-e 
brush outlines, yet you could never practically mix these 
techniques on a real canvas. You can paint with the same 
techniques as a real oil painting (loosely building up colour 
and tightening the details of the picture as you go), or you 
can use Layers to keep your painted areas safe from 
each other. 
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ess artwork 


Images without lines fall into two categories: flat cel style, 
and a more natural "realism style". Cel style is simple to 
achieve, and creates an effective look for your images. 
Natural styles are trickier to pull off, but offer greater 
versatility in mood. 


As lineless colouring relies on defining the shape of an object through 
colour and shade, its vital to make good colour choices to begin with. Make 
sure your colours have enough contrast in both hue and shade to keep 
them clear; muddy, indistinct colouring can confuse a picture, making it 
difficult for people to understand what you have drawn. 


LINEl FSS ( I I STYLE 

The lark nf a black line gives this style a distinct and bold 
appearance Volume is defined entirely through colour and shade. 
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1. Block out base colours Fill in your base 
colours using one of the methods detailed on 
pages 66-69. You need to start with pure black 
and white outlines to be able to colour them 
easily later. Make sure you turn Anti-aliasing off on 
both the Fill tool and the Magic Wand. 
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2. Create a layer for shade Make a new 
layer between your base colour and outline 
layers. Lock those two layers for now to 
prevent you from accidentally colouring over 
something important. Select an area you want 
to colour with the Magic Wand. If the 
"Contiguous" box is unchecked, you can select 
all of one particular colour with a single click. 
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3. Mark out highlights 

Use the Paintbrush tool 
to loosely apply your 
shading, then use the 
Eraser to neaten rhe 
edges, smoothing the 
curves and sharpening 
the points. 
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4. Block out shadows Colour the rest of 
the shadows. Make sure where areas of the 
same colour overlap (the legs on this picture, 
for example) that there's enough shading to 
make each part distinct from the others. 
Complex parts of the picture, like the hair, 
may need more than one step of shading. 
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5. Add extra 
highlights Make a 
new layer above 
the si lading layer. 
Use this to add 
highlights to the 
imaqe using the 
same techniques as 
you used to add 
shadows. In this 
picture, highlights 
are used sparingly 
to keep trie image 
as clear as possible. 
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6. Select black outlines 

Using the Magic Wand, 
making sure "Contiguous" Is 
unchecked, select your entire 
black outline. 
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7. Colour in the lines Make a new layer above your outline layer to 
recolour ihr lines (Working on a new layer will preserve your original 
lines, just in case anything happens and you need to select them 
again.) When colouring Ihe lines, remember that lines on top get 
priority - where two colours overlap, the area that is on top should 
be used to source the colours for Hie lines For example: hair overlaps 
the lace, so the lines between them should be hair coloured. 



also Cd style images, pages 70-73 


) 



8. The image is 
complete. (For more on 
cel-style images, see 
pages 70-73.) 



TIP Removing Specks 
of Outline 

Black specks appear when the 
outline is Hnli-aliasecJ. You tan tell if 
your outline is aliased by zooming 
Into the Imaqe. If the line is very 
blric k arid pix<’Haled, it is aliased; if its 
softer and fades from black to qrey, 
it 's anti aliased. This softness makes it 
more difficult to select the whole 
outline at once, so you may be left 
with a fringe of grey 
On the base colour layer, select a 
colour with the Magic Wand, and 
expand the selection by I or 2 
pixels, choosing Select > Modify > 
Lxpand from the menu. Quickly 
colour the offending area with a 
large brush. If the specks are on the 
outside of the line, select the area 
outside of the character, expand it 
by I to 3 pixels and then cut 
the selection. 


LINELESS 
COLOURING 
WITHOUT LIGHTING 

Lineless Images without 
lighting similar to this 
one are very popular in 
Japanese design. The 
bold shapes make for a 
striking image, but work 
best on simple 
compositions, or 
illustrations that have a 
very limited palette. 






































LINELESS ARTWORK 


85 


LINELESS REALISM STYLE 

Soft brushstrokes and blended colours echo natural media yet 
retain stylish contrast and definition. 
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4. Rough out dark areas Using a 
biush wilh texture (set to between 10% 
and 25% opacity), start colouring the 
shading wilh short, quick strokes of the 
brush lh> easiest to slart dark and blend 
out the colour to Ihe mid-shade, so make 
sure to be bold and lay down more 
colour that! you think you'll need. 
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5. Soften tones Start to blend 
it out with lighter shades. 
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8. Coloured outlines Make 
a new layer for your 
coloured lines. Use the 
Magic Wand to select all the 
black on your outline layer. 


6. Add a few 
highlights. Be careful 
not to make the 
image look too shiny. 
You can add these on 
a separate layer if you 
wish, but in this 
image we've used 
one layer for ail of 
the shading. 


Op*cBv 

j + a 


7. Colour 
the rest of 
the image. 
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Ffc Edit Irrvage Layer Select Filter View Window Help 

y ” Brush: £ * Mod*: ttorm d V Opaciy: 50% } Flow: 100% » 



9. Try to match the colour of the lines to the 
colour of the picture as much as possible. In 
this case, the same textured brush as earlier is 
being used, but set to 50% opacity to make it 
more solid. Holding the Alt key to switch 
quickly between the Eyedropper and Brush 
tools makes it easier to pick up and adjust the 
colour as frequently as you need. 


10. The image 
is complete. 




A breakdown of the layers 
and a reference of the brush 
sizes used. 
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TIP Coloured Lines 

If you like the subtlety of an image without lines, but don't 
want to be so daring as to remove them completely, you can 
try colouring the lines to march your picture instead. The 
lines on this image are slightly darker than the coloured area, 
so it keeps the detail of the original inking, while nor 
overwhelming the colour with black lines 



See alSO Simulated natural media, pages 78-81 
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ital screentones 


Japanese manga is rarely printed in colour 
but uses something called "screentone" to 
introduce shades of grey as well as patterns 
and texture to its pages. 


Screentones traditionally were transparent sheets of 
adhesive plastic with patterns of black dots printed onto 
the surface. Illustrators used to use these to create the 
shading in newspaper cartoons, and in original manga 
artwork These dotted sheets, when cut to shape and laid 
over line work, created the appearance of "grey” shades, 
and also reproduced easily on conventional printing and 
copying machines 

The use of dot patterns such as this adds a lot to the 
readability of a comic, giving you much greater control over 
the overall style. As a result, using screentone has become 
synonymous with manga itself, and using it in your work 
will go some way to creating an authentic style. 

The use of screentone relates strongly to the sense of 
abstraction often present in Japanese artwork. What you're 
presenting doesn't have to be entirely realistic; it just has to 
look "right". You can significantly enhance the drama, 
humour or action of a scene by using patterns and 
shades effectively. 

Thanks to sofiware such as Photoshop and Comicworks, 
ii is possible to emulate old style screentones accurately on 
a ( ornputer Careful and restrictive use will help you r apture 
lhe essence of the technique, while retaining Ihe 
r onvernence and flexibility of working digitally. 


LPI 

LPI stands fui "lines per inch", and is a term used almost 
exclusively for screentone in this context. It refers to how 
chunky oi detailed the pattern Is - a low LPI pattern will have 
very thick lines, whereas d high LPI pattern will have thin and 
detailed lines 


10 LPI 


25 LPI 



MOIRE 

Moir£ (or "screen clash") refers to the 
visual effect caused when two fine 
patterns are overlaid but misaligned. It is 
similar to the shimmering effect that net 
curtains create when they overlap To 
prevent this undesirable artefact from 
occurring, you should avoid rotating and 
resizing screentone after applying It lt$ 
also worth noting that screentone with ; 
a high LPI will be more likely to suffer ,V« 
from moire because it is more likely to 
misalign with the arrangement of 
pixels on a digital image. 
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HALFTONES -Mv 

• • • • 

Halftones are the most common type «V.V 

of tone used in manga. These are .V.V 

simple arrangements of dots designed •*•*•*• 

to portray solid shades of grey when Xv! 
used in print. Please note: large dot V.V. 

tones can represent a lack of focus, by *Xv! 
using it over a large area. 


1. Mark out the areas 
you wish to be greyscale 
in simple shades of grey. 
Choose “Halftone 
Screen." which will 
open the dialog box 
with options. 



2. Photoshop works 
best at LPI size of 25, 50 
and 100. 

3. Be sure to keep line 
art on a separate layer 
from the grayscale layer. 


Retortion 

input 600 poets/ inch 
Output 600 

Method 


-SSL. 


Care* | 


Use 

Haliens Screen. .. 

V 


50vi Threshold 

Pattern Other 

Diffusion Dither 


■Mrt Mp 



Custom Pattern 


Using large halftone dots can indicate a lack 
of focus, useful for highlighting characters 
in the background or middle ground. 
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NOISE OR SAND TONE 
Noise tones are useful for introducing 
texture, as well as serving a 
dramatic purpose. 


GRADIENT TONE 
Gradients can add depth and 
definition to manga images, as well as 
helping to define shiny materials. 


GEOMETRICAL TONE 
Simple vertical lines serve many 
purposes in drawing manga. 





1. Create a new layer, and fill out an area of 
the image you wish to be noise with a 50% 
grey shade. This effect can also be applied to 
a gradient. 

2. From the Filter menu, choose “Pixellate," 
then "Pointillize*'. 

3. Set the size of the filter. The larger the 
number, the coarser the noise tone will be. 

A value between 5 and 10 should be fine for 
most purposes. On a high-DPI image you will 
need a coarser tone to achieve the same 
effect than on a lower-DPI image. 

4. Adjust Brightness and Contrast in the 
image so that Contrast is 100%. and 
Brightness is as high as you wish. This will 
also change the overall tone of the image. 


1. Selecting black and white as your 
foreground and background colours, create 
a gradient using the gradient rone 

2. Convert to Halftone or Noisp using the 
same procedure as before 

3. When using noise gradients, consider 
layering rhe tone and moving around to 
achieve greater definition. 


TIP Malting Coarse Tone 

Often using digital screentones can create a pattern that is 
too fine, making it less than ideal for print and giving you 
textureless results. 

1. Go to: Filter > Blur > Gaussian Blur. The higher the value 
chosen for Blur, the coarser the image will be. A value of 1.0 
and 2.0 should be okay. 

2. Convert the image to Halftone, using the Mode option in 
the Image menu. Choose an LPI of 50. 

3. The gradient will now be much coarser, and have a more 
distinctive texture when printed. 


Follow the same procedure for regular 
halftone artwork, hur choose “Lines" oi 
"Checks" for rhe pattern. 


rONf FEATHERING 
Using a layer set lo "Dissolve", the 
greys of rhe Image will be interpreter! 
as fine patterns of dots. This can be 
achieved to "feather" the edge of 
screentone, as though a sheet of 
screentone had been rubber! away 
You can use a large, white Airbrush 
for a soft edge, or a small, hard brush 
moved in patterns to create an 
interesting transition. 
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Backgrounds can be simply 
and effectively represented 
by layers of screcntone. 


USING YOUR 
OWN PATTERNS 

fhere nre books available 
containing copyright-free tone 
patterns, which you can scan into 
your computer and use freely in 
your manga work. You can also still 
buy sheets of original adhesive 
screentone and scan them for your 
own personal use 



SPECIALIST SCREENTONING SOFTWARE 
Comicworks 

Comicworks is produced by Deleter, a company whose business revolves entirely 
around supplying traditional printed screentones to the Japanese comic industry. 
As a result. Comicworks is designed from the ground up for the production of 
manga, and has great screentone facilities. 

More than 140 different tones and patterns come provided with the software, 
stored in the software at high clarity and 1200 dpi, 600 dpi and 300 dpi sizes, 
meaning they are always perfect for print work. If you're keen on the process of 
applying screentone in manga, then Comicworks will be ideal. 
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1. Set up a line art layer Start with a new Photoshop document, 
and set up your line art on the topmost layer, as you would with a 
coloured piece. It is especially helpful to lock this layer, as you can ruin 
your page by applying screentone to the line art layer. 


TIP Keeping Grey 
Layers Hidden 

Be sure to keep your original grey 
layers intact (set as "Hidden") even 
after you have made a halftone 
equivalent. This allows you to come 
back to the image at a later stage 
and alter the toning or reapply the 
screentone with a different LPI. 

This can be useful if you have to 
print the image at a different size, or 
decide to change the image after 
doing test prints. 
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2. Block out basic shading 

Create a new layer set to 
"Multiply” Choose a grey brush 
and begin to mark our ihr areas 
of the page you want to shade, 
paying attention to the light 
source In this case, the artist has 
also marked some objects with a 
darker tone. 



Adjustments 

Duplicate... 

Apply Image... 
Calculations... 

Image Sure 
Canvas Size... 
Pixel Aspect Ratio 
Route Canvas 
Crop 
Tnm... 

Reveal All 

Trap 


✓ Grayscale 
Duotonc... 
IndexcdCdor 
RGBColor 
CMYKColor 
Lab Color 
Multichannel 

✓ 8 Bits/Channel 
16 Brts/Channel 

Coer Tau*2... 

AasignProfile... 
Convert to Profile 


4. Convert grey to 
black and white 

From the Image 
menu, choose 
Mode, ar id U ier i 
Bitmap. If youi 
image isn't greyscale 
alicvidy. you will 
need lo convert rn 
greyscale In the 
Mode menu before 
doir ig II ns. 


3. Right-click on the layer, and choose "DuplicateSelect “New" from 
the Destination dropdown list to create a new document. 


5. Choose your halftone pattern 

Choose “Halftone Screen", which 
will open the dialog box with 
options. In this case the artist has 
chosen 50 LPI. with round pattern 
and 45’ angle. 
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Layws \ Channels Paths \ > 

v Opacity: 100 6 * > 


i _ . i i 


6. Paste into position Select the whole image 
by hitting Ctrl + A. Paste it into your previous 
image and change the layer style to “Multiply". 
Hide your previous greyscale layer. 
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7. Darker tones Here 
the* ciitist hris introduced 
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a darker shade on a 

sipHMle layer and 
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uprated the procedure. 



Layer 1 

( are is taken to use the 
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same number of LPI 
when overlaying rone to 
avoid moir£ problems. 
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8. Introducing fabric textures In 

order to apply texture to the image, 
the artist has hidden all tone layers 
and marked out the carpeted area 
of the image with a grey brush. 
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9. Using premade patterns Load a previously saved 
screentone pattern, and paste this into the Image as a 
new layer. Select the grey aiea marked out and hide 
the layer. Use the selection to mask the screentone 
layer, or invert rhe selection and delete the 
excess screentone 
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Layer 3 
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10. Hide unwanted layers Finally, 
hide all grey layers and reveal the 
screentone layers. Your image is 
now finished. 
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Special effects 

One of the characteristic aspects of manga is its use of abstract patterns in 
the background of scenes to help capture the emotion or action of the 
current event. This technique has been developed over many decades and 
is now closely identified with the style. 


Using Photoshop, you can emulate many of these types of 
effects very simply on your home computer. Just a few 
steps can produce professional effects that would look at 
home in a professionally printed Japanese manga. 


PATTERN FOUNDATIONS 


l. Create a new. larqc 
greyscale image, and 
chonse black and whire 
as llu* foreground and 
background colouis. 


2. I mm rhe Hirer menu, 
choose "Clouds" from 
if ir Render submenu 


3. Alternatively, choose 
"DilIeimu: Clouds" Irorn 
f he Render submenu, 
and then repeat tins. If 
you repealed, apply rhis 
fllrer (i ise Ctrl i F as a 
shortcut), tile pattern 
will become more erratic 
and fiery, which will 
introduce mure vaned 
and mlereslirig results 


4. Now you're u.vicJy to 
apply filters and produce 
ac lion lines You may 
wi\h to save I his 
"Clouds** image lo disk 
if you find Ihe tillers 
are slow 
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IMPACT ZOOM 
Lines of irregular width but with the 
same emanating point accentuate 
action and impact. 


1. Starting with the Cloud filter apply the 
Pinch filter from the Distort submenu, with a 
setting of 100%. 


2. Repeat this filter ten times. You may wish 
to use more or fewer times depending upon 
the results you wish to achieve. 
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3. Using the Brightness arid 
Contrast tool, raise the Contrast 
to full, and Brightness to 
whatever level you desire 


4. Convert the final 
image to halftone using 
the Bitmap option. 
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IMPACT SWIRL 
Lines spinning around a 
centrepoint suggest an arc 
of movement. 
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Gaussian Blur 
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1. Starting with the Cloud filter, apply the 
Gaussian Blur filter (set to around 35 in this 
case) You can choose not to blur the clouds, 
but the results you will get will be coarser. 
This look may be desirable, however. 



OK 


[ Cancel 

0 Preview 




□ 100 % 0 


Ra d i us : 


pixels 


IMPACT ZOOM AND SWIRL 
By twisting the impact lines, the effecr 
suggests something uncontrollable. 


1. Ci Utile Uiu 
Impact Zoom effect, 
eridir icj up will i a 
dei lie black 
implosion image. 



2. Apply the Twirl filter 
from the Distort 
submenu, with only a 
small value (60° should 
be fine). 




3. Use parts of 
the resulting 
image to 
accentuate 
action events 
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2. Choose rhe Twirl 
filter from the 
Distort submenu. 


4. Increase rhe 
hrighmess and 
contrast. 


3. Choose 600" for 
the angle. You can 
raise and lower this 
to vary the results. 


5. Convert the final 
image ro halftone 
if intended for use 
in print. 



SHOUJO SPARKLES 

Characters' emotions are represented by mysterious sparkles of light. 


1. Create a new layer, 
set to "Multiply". 


- — ten 


2. Fill in some opaque circles, 
ovals or hexagons in white. 


3. Right-click on the layer, and 
choose "Layer styles". 


4. Disable "Stroke", and check 
the box next to "Outer Glow." 



- 






8. Add smaller 
shapes overlapping 
the original shapes. 
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9. Flatten the image (see page 
52), apply Gaussian Blur and 
convert to halftone. This will make 
the tone coarser, as described in 
Digital Screentones (see page 89). 
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GRITTY ANGST 

Personal torment can be conveyed by 
the use of gritty, dark patterns. 



3. Choose the 
Long Strokes filter 
to create the 
desired effect. 
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1. C rente a solid 
50% grey area. 


2. from the Filter menu, 
choose "Pixellate," and 
then "Mezzotint". 



FMOIIONAL WISPS 
I rails of dust and energy help ro 
exaggerate a sense of melancholia 


t. WiUi ri ruqular 
while image, 
create a new layer 
set lu "Dittulvc". 


2. I Islng a medium sized black 
Alrhrt ish wirh Flow set to 10%. create 
curved strokes across the page 
Varying the pressure wirh the graphics 
tablet will help ro create varied width 






3. Repeat the 
effect over the 
page many 
times, and 
then Flatten 
the image. 
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SENTIMENTAL PATTERN 

Heavenly sparkles of white help to portray hopeful or 

whimsical feelings. 


1. Create a solid 
75% grey image, 
making sure it is 
300 or 600 dpi. 

2. Convert the 
image to Bitmap, 
and choose the 
Halftone option. 


3. Choose "20 LPI M , 
and the "Cross" 
pattern option. 

This will create a 
mesh effect. 




Darken 
Multiply 
Color Bom 
Unear Burn 


Ughten 

Screen 


4. Create a new 
layer, set to the 
"Dissolve" layer style 



Color Dodge 
Linear Dodge 


Overlay 
SoftUght 
Vivid Light 
Linear Ught 
Pin Uflht 
Hard Mix 
Hard Light 


Difference 

Exclusion 


MAKING YOUR OWN PATTERNS 

Although most screentones in manga 
use simple patterns, shapes and lines to 
express the tone or atmosphere of the 
image, there are also a lot of other 
available styles created from patterns of 
small images. These are great if you're 
trying to express a funny emotion 
or scene. 

You can easily make a pattern by 
drawing something and defining it as a 
Pattern in Photoshop. Select the area 
you wish to define as a pattern, and 
then choose "Define Pattern" from the 
Edit menu. You can then fill areas with 
this pattern by choosing "Pattern" from 
the Fill tool options. 

There are even some typefaces 
available on the Internet that feature 
images instead of standard letterforms. 
These are sometimes known as 
''Dingbats". These can be used as a 
basis for patterns, by selecting a few 
images and arranging them 
appropriately. As always, the secret is to 
experiment and have fun! 




a.b. 
A A. 
T. 

O * 



pa 


Q33 




























































































CHAPTER SIX 

Creating pages 

A completed manga can be hard work, but with a little 
planning you can avoid problems and ensure that your 
finished piece looks as good in print as you always 
dreamt it would. 

£ Planning your pages 102 
Q Inking pages 104 
Q Using effects 106 
4P Adding tone and colour 108 
Q Adding speech and sounds no 
£ Concept to completion 112 
£ Web comics 114 
£ Printing and publishing 118 
















pages 


Once you've come up with your character concepts, the real 
work begins. Here are some top tips and techniques for 
making the most of your inspiration. 


PLANNING YOUR MANGA 

You've conceived your characters and they've taken on lives of their own - at 
least in your imagination. So how do you get them from the world inside your 
head into the real world for other people to appreciate? Draw a manga, of 
coursel However, all manga have to start somewhere, whether they're ten-page 
vignettes, or one-thousand-page epics. Planning is key, and scripts and 
thumbnails arc two techniques whereby you can begin to design how your 
pages will look. 


/ 

TIPS for Better 
Thumbnails 

If you are going for large thumbnails, 
make them roughly the size that the 
printed comic will be. A good size is 
148 mm x 210 mm (5.83 in. x 
8.27 in.) since these dimensions are 
similar to those of a graphic novel or 
a self-published comic. This way you 
won't be tempted to overfill the 
panels with too many details. 

Know what the last page will be. If 
you have a precise ending in mind, it 
makes getting there a lot easier. 


WHAT ARC THUMBNAILS? 

Thumbnails are small, rough sketches that artists use to plan the layouts and/or 
story of their comics. Whether you're an artist working with a writer or working 
alone, thumbnails arc an ideal way of making sense of the script and organizing 
you i ideas befoie you commit yourself to the full-size pencilled pages of the 
comic itself. 


Finish all the thumbnails before you 
start drawing the pages. You might 
find you need to change your layouts 
once you've started work on the real 
thing. Make sure you've finalized 
everything before the next step. 



Reading direction 

I fit* pages n! Japanese printed 
comic s are read in Ihe opposite 
direction to Western comics, as are 
the panels on each page. As 
Japanese text is read Irorn right to 
left when written in columns, it also 
means that it is more 
familiar lor Japanese 1 
readers to read 
pages from right to 
lett Western manga 
artists, however, tend to 
produce tlicit work 
reading from left to right, 
as Western readers are 
familiar with this format. All 
It it- pages and examples in this 
book are from Western artists 
working from left to right. 


Small thumbnails 

Small thumbnails are only about 
5 cm x 7.5 cm (2 in. x 3 in.) in 
size. Because they are so tiny, 
you can fit the proposed 
layouts for several pages onto a 
single sheet of A4. But their size 
means you will have no space 
for speech bubbles or dialogue, 
so this method is only 
recommended if you are 
working from a written script. 


Large thumbnails 

Larger thumbnails give you 
much more space for dialogue 
and notes, so you can skip the 
written script entirely and go 
straight to planning the layouts. 
This is more practical for artists 
working alone. 
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DRAWING THUMBNAILS 

So you’re all ready to draw your layouts, but where do you 
start? Even with a clear image of the story in your head, 
you need to learn a few basic rules about panels before 
you can piece everything together. 

Pacing 

On a basic level, the size of your panels affects the pace of 
your comic. Large, wide panels slow the story down by 
lingering on details in the background, or by drawing 
attention to an intense, dramatic moment in the story. 

These lypes of panels are also best for setting the scene of 
your comic, as they have the most space for creating or 
introducing environments. Conversely, smaller panels speed 
up the pace. With little detail or room for dialogue, they are 
quick to read and can create a more urgent pace. Small 
panels are particularly useful for drawing action and battle 
sequences, where you can use a lot of small details to 
illustrate a much bigger event. Details like these help keep 
the action exciting, and more important, make the comic 
more coherent for the reader. 

Flow 

When drawing a comic, you must make sure your panels 
read in the correct order. This might sound obvious, but 
even some experienced artists make mistakes in their 
panel flow. If you find yourself putting arrows on the 
pages to direct your readers, your panels are in the 
wrong orderl 

What to draw (or what not to draw!) 

Although thumbnails are very important in planning your 
comic, that doesn't mean each one has to be a 
masterpiece. Putting in too much detail at this stage will 
only exhaust your enthusiasm for drawing the final pages. 
The most important things to focus on when drawing 
thumbnails are expressions, gestures and perspectives. 

Advantages of adding dialogue 

Adding dialogue to thumbnails is by no means essential; 
however, it is an easy way to shorten the planning process. 
Rather than basing your thumbnails on a written script, you 
can instead start drawing from your imagination, adding 
dialogue as you go. Doing it all at once gives you more 
freedom to adjust the pacing to suit the dialogue. It’s also 
easier to picture your characters moving and interacting 
with their surroundings as they talk. Adding dialogue to 
thumbnails gives you an estimate of the size of the speech 
bubbles on the finished page too, so you can avoid 
cluttering tiny panels with too much text, or leaving 
yourself too small a bubble for key sections of dialogue. 


Incorrect 


Correrri 



Flow of panels 

Can you sec how 
awkward the first 
example looks 
compared with the 
second? In the first 
example, the flow 
moves back on itself, 
creating a confusing 
and disjointed read. 

But why does the second example look more narural than 
the first? Your eye always looks for the longest panel gutter, 
and divides the page accordingly. Then each section is lead 
in order before going to the next. In this case, there is a 
long gutter running down the centre of the page, grouping 
panels I and 2 together, while also separating them from 
panel 3. All comic pages section off and group together 
panels like this. 


First example 


The gutter 

Another important 
thing to consider 
when planning your 
pages is the 
placement of the 
gutter. Look at the 
first example above 
and see if you see 
something wrong. 

Confused? Even though the panels are not necessarily in 
the wrong order, it$ impossible to know which way Lo read 
them. This is because the gutter meets like a crossroad in 
the middle of four of the panels. But if you take the vertical 
gutter and break it up like the second example, the page 
suddenly becomes readable. Now it$ obvious which order 
the panels are in. Just keep these examples in mind, and 
you should have no problems ensuring your panels flow in 
the right direction. 
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In King pages 


Inking your pages will be the most important step in making 
your artwork look slick and professional. Even flawed artwork 
will appear much stronger if you take care and pay attention 
when inking the lines. Here are some of the techniques 
to master. 



Line width for depth 

Consider the thickness 
of lines when producing 
you line art. Pdy 
dUention to the location 
of rhe characters. and ro 
the focal point of the 
scene. Using thinner 
lines in the background 
will help to emphasize 
pei spec live arid the 
relative distance of 
objects to foreground 
1 1 virat tm 


HOW TO CREATE COMIC PANELS 
EASILY AND FLEXIBLY 


This technique will allow you to adjust and alter the shape 
of your panels quickly, as well as adjust the thickness of 
the panels at a later stage 
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After creating a new layer in Photoshop (set 
ro Multiply), use rhe rectangular selection tool 
ro define rhe onrline of your pane! Fill this 
with a hrighr colour, such as red (you can 
use a medium grey if your file is greyscale). 


Repeat this 
to define 
all your 
comic panels. 
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Blocking in blacks 

Using solid black for certain parts of clothing 
or costumes can be especially good for 
creating definition and contrast within the 
page. Take this into consideration when 
designing your characters. 


See also Using effects, pages 106-107 
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L»y«r Properties 



Duplicate Layer 
Delete Layer 
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Right-click on the 
layer and choose 
Blending Options. 



Now activate the Stroke option. Choose 
"Inside" for the Position option and raise 
the thickness to a value of 10 to 16 pixels 
for a 600 dpi page (halve this for 300 
dpi). Change the stroke colour to black, 
and you now have your panel outlines. 
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Defining your character with a thicker outline 

This is a stylized and abstract technique that won't suit every style, or 
indeed every panel, but sometimes it can help greatly when 
distinguishing one specific character from others. It is especially useful 
in crowd scenes, where you may need to focus greater attention on 
your protagonist, or on a significant character in the scene 


TIP: Shift Key 

Holding down rhe Shift key will help grearly when drawing 
straight lines, such as panel outlines, onto the page, as it 
ensures that your cursor only moves horizontally or vertically, 


depending on the direction of 



Will lout the Shift key 
held down 


With the Shift key 
held down 


the stroke. 



If yoi j hit Shift hefore warring a 
new line, il willjrim a line 
between 11 le end uf the piiviuus 
line arid the beginning ol the 
new one. 


Drawing panels 

It is often better to draw your panel outlines 
straight onto the computer than to draw 
them directly on the page. It ensures the lines 
are perfectly straight and properly aligned. 


Quick line strokes 

These lines are drawn straight 
to the page, so they will be 
more permanent 



C.rtvilr r\ sola lion. 
Righr click on rhe page 
rind chouse Stroke*. 


Choose Inside lor your 
Location option, and raise* 
the thickness to a value of 
10 to 16 pixels for a 600 
dpi page (halve this for 300 
dpi). Chanqe the colour to 
black. Click "OK". 



You can change and edit 
your panels as much as you 
like at this stage. The outline 
will adjust itself to the new 
panel sizes or changes. 


Once you are done, fill in your panels with 
white, or use the Colour Overlay style. You 
will also want to trim the excess lines from 
your line-art layer, or block them out on a 
new layer with white. 


If you wish to make this layer 
permanent, you must merqe it 
with a blank layer. Choose 
"Layer > Merge Down" from 
the menu, or press Ctrl + E. 
























































































◄ Multiple outlines 

Extra outlines qive the image an 
extreme or startled look, helping to 
exaggerate comical expressions or 
moments of fear. The effect is like a 
scribble. but controlled so that it looks 
consistent and follows the shape of 
the original image. 


A Broken lines 

Sometimes it is 
effective to leave 
gaps in your line art, 
when n is obvious flow the shape is 
denned This gives the impression of 
sunlight shining and obscuring the 
outline of the character; but can be 
used in other instances too. The 
technique is most commonly used 
in shoujo comics (see Shoujo, 
pages 17-1 4). 


▼ Simple motion lines 

A less extreme form of speed line, drawing 
short lines parallel to existing lines helps to 
imply small amounts of motion. This can 
also help to define turning or even 
shaking motions. 


See also Special effects, pages 94-99 
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Using effects 


◄ Blurring motion lines 

To represent movement within 
your image, break up the lines 
and make them less distinct, 
as though the object is 
moving too quickly to 
be seen clearly - like 
a stylized form of 
motion blur in 
a photograph. 


Adding special effects with screentone or colour will make 
your comic appear more dynamic and visually appealing 
- as well as help communicate your story and the 
characters' emotions better to the reader. Just like in 
a film, special effects grab our attention and 
entertain us - as long as the story is 
strong too! 


SPbCIAL INKING FFFFCTS 
I lere are some simple inking techniques to 
really get your artwork noticed. 
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SCREENTONE EFFECTS 

► Associating emotions with screentone 

If you consistently use a particular screentone when a 
specific emotion or conflict is occurring, the presence of 
the screentone itself can begin to represent the 
emotion. Although this is a subtle effect, and shouldn't 
be relied upon to gain the reader^ understanding, it 
can be an effective representation if used well. 


▼ Using appropriate screentone 

Make sure you use the appropriate 
screentone for the situation. 
Applying the wrong screentone will 
change the mood of the panel, and 
communicate the wrong idea to the 
reader. Remember: in manga, 
everything on the page is significant 
- it's a graphical language - so use 
screentone to complement the 
action represented by the image, 
rather than conflict with it. 




Using parts of tone 

Pattern tones, which have white areas 
between design elements, are often more 
effective if the whole tone isn't used. Just 
grabbing one or two bubbles or deleting 
some of the flowers can help complement 
the artwork in the panel much better. 


Using small 
areas of this 
tone will 
enhance 
the artwork 
more subtly. 



Choosing the 
Inverr fi jnrrinn 
will swap the 
black a rid white 
inyoui arlwork 


▲ Inverting tone and line art 

With computer toning, you can swap 
the black and white elements of any 
screentone to create an eye-catching 
effect. You can use the technique for 
dramatic purposes, or just to effect a 
change in mood. Sometimes inverting 
the whole panel, including the line art. 
can be especially impressive. Like most 
dramatic techniques, use it only 
in moderation. 



◄ Use your imagination! 

By using small sections of very large tones, 
you can change their appearance to make 
the patterns seem interesting and original in 
certain instances. For this girl’s bikini top, foi 
example, a pattern was needed to imply a 
design on the garment. Using a sheet of 
large "vortex" design tone, and inverting the 
colours, some very small areas of it could be 
used, and the effect was very different from 
the original tone (so the reader did not sec it 
as screentone). The final result was this slylish 
bikini design. 



This large print looks 
different when small 
parts are used. 
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Adding tone and colour 

Tone and colour are as vital to the success of your artwork as 
being a master of line and form. So what are the essential 
c considerations for adding these elements to your manga? 


When adding colour or tone to a page, you need to 
consider both rhe impact of the whole page and its 
composition. Your colour usage on each panel affects the 
overall appearance of both the page and the comic as a 
whole, and you can control balance and emotion with 


Not every panel needs heavy shading 

The use of detailed shading in a panel or short sequence of 
panels is as much of a storytelling device as your line art or 
dialogue - it is one of the best ways of drawing attention 
to some aspect of a character's personality, or a pivotal 




event in the story. 
However, it is a bad idea 
to pay every character 
the same amount of 
attention: allow your 
reader to focus on 
particular characters and 
events. Too much detail 
means that no 
character gets the 
focus he or she 
needs, as well as 
making rhe panels 
themselves more 
difficult to follow. 


your use of black and white and different tones. 


Working with contrast 

When produc inq manga it is helpful to make creative use of 
mid tones in the form of scrccntone. However, it is also 
important to maintain a high level of contrast between your 
selec lions to accentuate composition, and the flow of the 
page. This will also ensure that the essential details and 
focal points of your artwork are vivid, and leave the reader 
in no doi iht as to whar is happening on the page. 


Dramatic lighting 

Lighting within the panels need not be enrirely realistic in 
every scenario Ahslracl, expressive or emotive use of light 
can help communicate the mood and atmosphere of each 
scene very offer lively 


▼ Shciding out the eyes 

I his is a bul<J .statement, 
implying sadness or 
sn lesion in rhe character; 
or perhaps an evasive 
riHiure Use rhese Techniques 
no more rhan onre or Twice 
In your comic to maintain 
then putency. 


► Expressive lighting 

Tone arid colour can be 
used in an expressive way 
ro convey rhe atmosphere of 
a scene 


◄ Bright eyes 

One useful artistic device is 
showing a characters eyes lit 
when the rest of the panel is 
unlit or dark. Although this is 
obviously not naturalistic, it 
can be highly expressive and 
help readers identify with a 
particular moment in the story. 
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TIP: Blacking 
Out 

Black out a 
character that is 
standing against a 
tone background. 
This creates a 
striking presence 
without focusing 
on details. 


WORKING WITH COLOUR 
Producing comics in colour is in many ways much more 
difficult than producing them in black and white, especially 
when working with the many abstract methods that are 
typical of manga style. Most artists don't use colour at all, 
but many of the same principles of black and white manga 
can be applied to colour works. 




► Maintaining a palette 

Try to keep your tonal 
ranges and colour choices 
consistent throughout the 
scene, giving the reader a 
strong sensation of 
familiarity of the location. 
A limited palette will make 
the comic much easier to 
read and help express the 
mood of your story. 


A Abstraction 

If you treat your colours like a special effect, you ran 
achieve some impressive results with block tones. Using 
these to represent emotional presence or abstract moods 
can help to underline the themes of your story. 


Colour considerations 

Bear in mind that working in colour will make it difficult for 
you to print your comic cheaply, and the cost per comic 
will often be too high to sell. However, colour comics work 
great on the Internet, and there are no production cost 
differences between them and greyscale comics. If you 
keep your original artwork layered (in Photoshop), it will 
allow you to adjust your toning at a later stage, should you 
wish to produce a black-and-white version for print, or, 
conversely, to remove the screentone and redo the pages 
in colour. You can also colour your screentone layer - with 
the Colourize option from Photoshop's Hue/Saturation 
toolset, for example. 


See also Printing and publishing, pages 118-123 
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Speech bubbles and graphical representations of sounds are 
vital elements to get right. They add to the visual appeal of 
your work, and aid its comprehension. 

IHINGS TO AVOID 

Because introducing dialogue and sound effects into your comic is an important 
part of designing each page, it is worth giving them plenty of time and 
attention. They have a huge effect on how the reader will enjoy your work, and 
every speech bubble is as much a focal point as your painstakingly drawn 
artwork. Here are some important things to look out for. 


► Crossed bubbles 

Avoid crossing over the 
bubbles, as the flow will be 
unnatural and difficult to 
follow Ideally, the panel 
should be designed wirh rhe 
panel flow (including the 
dialoque flow) in mind before 
qoinq ahead and drawing 
the bubbles. 




Outlines for bubbles 
The outline for the bubbles 
shouldn't overpower the 
artwork, but merely help 
maintain the clarity and 
location of text. 

The shape of bubbles 

Rounded bubbles 
represent ordinary 
dialogue, or even 
heated conversation. 

Spiky and 
angular bubbles 
have impact and 
are perfect for 
words that are 
shouted or 
spoken sternly. 


▼ ► Interjections 

Avoid interjections within d solilary panel. I( shouldn't be 
nec essary for a character ro speak twice within the same 
panel, other than durinq a natural bieak within the 
dialogue, per flaps. To have a rhararter speak, another 
character respond, and then the first character reply 
again neqates much of the emotional impact of (he 
conversation C rearing anorher panel ro contain the 
reaction works much more effectively. 
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Font issues 

Because of the informal nature of text 
placement within comics, most writers 
prefer to capitalize their text. This helps 
the individual letters fit the shape of a 
speech bubble without looking weak. 
However, some artists do prefer not to 
capitalize their text. Experiment and 
decide which is the most appropriate 
approach for your title. 

Try to stick to a regular font size for 
your comic's main text. This makes it 
easier to read, and goes some way 
towards making your work look more 
professional. It also allows you to 
create more impact when you do 
decide to use large or small text. 


Background text 

Using small text in the background of a panel 
is a common device in manga. Almost always 
used for comedy, it suggests the idea of a 
character muttering something under his or 
her breath, or someone saying somerhing in 
the background The comic will read fine 
without it. but these extra elemenrs provide a 
light-hearted edge, or help to express the 
behaviour of characters in the background. 



BLOCKING OUT BUBBLES 

You can block out speech bubbles in Photoshop wilh the 
same rechniqueyou use for panels, but using the Llliplic al 
selection instead. (See Inking Pages, page 104.) However, 


HOW TO PLACE TEXT IN PHOTOSHOP 


these can look too synthetic and clash with your artwork 
Experiment and see which technique suits your style 



Choose the Text 
tool from the 
Photoshop toolbar. 



S_E.E_Y.0_U. 
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Method 1: 
basic text 

Click on the image 
where you want to 
place the text. If you 
want to start a new 
line of text, hit the 
Enter key. 
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Method 2: 
text area 

Click on the spot 
where you want the 
text box to begin 
and hold down the 
mouse burton to 
drag our a box. This 
is a text area, which 
will define the area 
within which the 
text will fall. 


OTHER FORMS OF TEXT IN BUBBLES 
Symbols or punctuation marks can be used in speech 
bubbles, as a simple and effective way to communicate 
what is happening to the characters. 



One common 
technique in 
manga is ro use 
three dots to 
represent a 
character* 
silence. This can 
be useful to 
demonstrate 
when a character 
is expected to 
talk, but says 
nothing at all. 



^See also Special effects, pages 94-99 ^ 
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^■ncept to completion 



◄ Step three 

After drawing out neat line art in 
pencils, apply your inks. In this 
example, the speech bubbles are 
going to be added by computer, 
so the artist has left them off the 
original lines. 


Here are all the main stages in taking the world of 
the artists imagination to the realm of the printed 
page or Web page. Enjoy the journey! 


A Step one 

When you've conceived 
your slory, sketch our 
character designs 
(above) so that There Is a 
feel for what they will 
luuk like. With short 
si ones, if is less imponanr 
ro develop rhese 
designs, as the 
Uidfdilcr& will only make 
a briel appearance, 
hi ir wirh larger srorles 
more detailed designs 
are necessai y. 


A Step two 

Sketch out the pages as 
“thumbnails" with very rough 
artwork. These can be changed 
and adjusted easily until the story 
flows nicely, before you produce 
final ink versions. 
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▼ Step four 

A combination of flat, grey tones and pattern 
tones have been used here to add shade and 
definition to the artwork. Speech bubbles have 
also been added to the image, paying attention 
to the original sketches for their placement in 
relation to the artwork. The page is now finished, 
and ready to go to print. Try this approach and 
see if it works for you. 
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▲ Step five 

The final printed version, printed in 
Swcatdrop Studios' anthology Love , 
Sweat & Tears You can see it here 
with another page from the comic, 
working as part of the whole. 


-ay 


T. - 




r^-'l 






TIPS for Completing 
Comics 

Completing your comic can be very 
difficult, as it is easy to feel that more 
could be done to improve the overall 
piece. The step between almost finishing 
a comic and actually finishing it can be 
gigantic, and it helps to have the 
motivation to wrap up the project. 

Deadlines are actually a good thing. 

It is much easier to prepare a comic for a 
particular date, whether it's for an event 
like a convention, or merely a self- 
imposed deadline. Set a completion date 
and try your hardest to get it done in 
time! In professional manga illustration, 
artists always work to strict deadlines - it's 
part of the job! 

Be realistic about what you can 
achieve, and you're more likely to be able 
to complete it. Working on short, single¬ 
issue comics before trying to tackle an 
epic will give you a solid foundation in 
writing comics, which you can apply to 


so once it is complete, just move 
on to the next one. Keeping note 
of how many pages are complete 
is a helpful incentive towards 
finishing each one. 

Don't worry about 
striving for perfection 
on every single panel. 

Comics work as a 
whole, not as a sum of 
parts, and often a page 
will look great even if 
there are small errors in 
the artwork. 

Finally, sacrifice! Be 
prepared to give up 
enough time to work on 
your comic, which can eat 
up a lot of hours. You may 
have to pass up on some TV! 

Comics take time, and while they are 
great fun, they are also hard work. 

Try your best, work hard and create 


more ambitious projects in due course. great manga! 

Avoid overworking your comic. There’s 
only so much you can do to each page. 


▲ Seeing your work in print 

Reaching the stage of having a finished 
and printed comic isn't easy, but finishing 
the comic gives you a huge sense of 
satisfaction and achievement. 
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Web comics 

These days, comics are no longer limited to paper and print: your 
imaginary creations can thrive in the virtual world of the Internet. 

The Internet has become a wonderful means of exposure for comic 
artists, both amateur and professional. The international popularity of 
manga-style comics, combined with the convenience of reading 
comics online, has allowed even beginners to have a global audience 
for their artwork and stories. 


SAVING FOR THE WFB 

Before saving your artwork for the Internet, be sure to 
flatten your image in Photoshop or Photoshop Elements 
(collapse the separate layers into a single layer), and then 
resi>e the image lo the desired resolution. Always save a 
backup of your original layered and high-resolution digital 


files, as once an image has been flattened, you can't go 
back and edit the separate components, as they are now all 
on the same layer. 


Save For Web 

Using the Save ror Web feature affords you a 
high degree of mrilmi when saving images 
for use online. 


2-up 

This allows you to view 
both the original image 
and the lower quality 
Web version, which 
is useful for direct 
comparison. 


Exported file 
information 

Tins shows you how 
large (in terms of file size) 
the image will be when 
saved to disk, as well as 
an estimate of the 
download time. 


R: - Gs - fc 


- !ni«: 
























































WEB COMICS 115 



0045 


Frfe Edit Vl*w Go Boo4marki Toote Help 

|_J http:/,vrvr.v.rab*d-monkeys.corn,Tnd* 2 x.php 7 file *0043 


0 O* 


re - r 


y/NOT *&KINg\ 

I ron r*i nrw_1 


Dane 


•«' »U»JA StrO* «i 

m |M >< *n. 

I »w t* 2003 


«4 


Funnies 

Short strip “gag" 
comii s - or funnies 
- similar lo Itmse in 
ru*ws| )H| ier s, work 
pc? fix lly on ltie 
Internet. In fact. 
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File sizes 

When saving images to be viewed on 
the Internet, the size of the file is very 
important. This is measured in kb. 
short for kilobytes. The larger the size, 
the longer the image will take to 
download - especially over slow dial¬ 
up connections. With the Internet, 
always design for the slowest system; 
don't assume your reader has 
the fastest computer and a 
broadband connection. 


File options 

These controls allow you to choose the file 
format, as well as which compression options 
you wish to employ to make the file size as 
small as possible for swift download. As 
always with the Internet, there is a tradeoff 
between image quality and file size. 


ImageReady 

You can make a number of further, more 
sophisticated adjustments to images intended 
for the Internet in Photoshop^ companion 
application, ImageReady (which comes 
with Photoshop). 


FILE FORMATS 
JPEG 

JPEG compression is a "lossy'’ compression method, 
meaning that the image will lose some of the image 
quality every time rho file is saved. This file format is great 
for photographs or full-colour comics, as it can keep the 
file sizes low. However, it suffers from "JPEG artefacts", a 
form of image corrosion often evident around line art and 
flat areas of colour. 

PNG 

PNG is the most recent of the popular Internet file formats, 
and offers a good compromise between compression and 
file size. PNG images do not suffer from artefacting like 
JPEGs do, so the quality of the image is much higher, but 
the file size will be larger as a result. Unfortunately, some 
old Web browsers don't support PNGs, so using this format 
may cause inconvenience to a small percentage of readers. 

GIF 

GIFs have been mostly superseded by PNGs in terms of 
how useful they are. However, they offer some options for 
simple animation, as well as transparency. They are also 
supported by more (older) browsers than PNGs are, so 
despite the extra file size, they are sometimes worth 
considering for line art and graphics (they are far from 
ideal for photographs). 
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Resolution 

When saving a file intended for display on the Internet, it is 
important to pay attention to the size of the image. 

Different people use different sizes and resolutions of 
screen, so ensure that most will be able to read varying 
sizes of comic page comfortably. People usually save their 
image relative to the width of the page, so sizes such as 
600 to 750 pixels wide are popular. Be sure to look at other 
Web comics and decide what pixel width you like best. 


Simple colouring 

Working in colour is 
just as easy as 
greyscale when it 
comes to Web comics. 
Experimenting with 
ways of colouring 
your comics can give 
your pages more life - 
and a distinctive look. 


Cutting costs 

Web comics are a 
great way to 
produce colour 
comics, without 

the dfciwbcicks of 

printing costs. 
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Costs 

Web comics cost almost nothing to post online. Free Web 
hosting for Web comics is available, and even paying for 
your own hosting is very inexpensive. Web comics are a 
low-cost risk compared to printing, and diminish all those 
worries about not making back the printing costs! 

Feedback 

One of the advantages of Web comics is that you can get 
immediate feedback from fans of your comic. However, if 
people dislike your comic for any reason you also have to 


be prepared for negative criticism. Focus on the comic itself 
more than the feedback, and persevere with the production 
of the story you intend to write. 

Professionalism 

It is very easy to put pages of manga on the Internet, but 
this has encouraged some artists to be sloppier with the 
work they do for online comics. Not inking the lines or 
using bad, handwritten text makes their pages an eyesore. 
Try your best to make each page as good as it can be. 


A wider audience 

Some artists choose 
to put their printed 
comics on the 
Internet. Some 
people enjoy the 
comic on the Web 
so much that they 
will buy the printed 
edition to keep. 
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Prffiting and publishing 

Now comes the time for you to bring your work to the 
public - it's time to print and, with luck, publish, adding 
your manga to the brilliant comics you admire in the 
shops and online. 


PREPARING YOUR WORK 

If you're going for traditional paper-based publishing, when 
your pages are complete and you have finished lettering 
you arc ready to prepare your pages for print. 

Self publishing is an excellent means for independent 
and amateur artists alike to produce their own comics. It 
gives you total creative freedom over what you produce - 
perhaps greater freedom than even professional artists 
enjoy! Independent artists can produce every part of their 
publication nol just the comic itself, but also the cover 
and layouts, and any additional design work within the 
comic. If you pay to have copies made at a local print shop, 
or even just use a conventional colour or black-and-white 
photocopier, you can produce a printed comic with solid 
production values 

However, whether you are publishing your work without 
any outside help or getting it printed professionally, it is 
important to pay attention to printing specifications. 

Flatten your artwork 

Before submitting your artwork for print, flatten the layers. 

I his will reduce the si<?e of the file, and make il less likely 
that there will be any errors in the print process. But before 
you do this, remember to copy the original, unflattened file 
first, and only flatten the copy. Retain the original layered 
file so you ran go back and edit the separate components 
later if you need to. With layered artwork, you have the 
freedom lo easily recolour, add screcntone or alter the text 
and dialogue - you can't do this on the flattened version 
without going lo a great deal of trouble! 

Colour printing and CMYK colours 

Colour pages are printed using the CMYK process (short for 
cyan, magenta, yellow and black] inks. These four inks 
combine on paper to simulate the spectrum but struggle to 
represent some tones accurately. 

Pfiotoshop allows you to specify whether to make your 
document in CMYK or RGB (red, green, blue) modes, but 
you should always convert to CMYK for print. (For "comic" 



◄ CMYK in Photoshop 

Photoshop will display an 
alert if a chosen on-screen 
colour won't print 
accurately in CMYK inks. 
Press the T symbol to 
adjust the 
chosen colour 


think "CMYK!”) Converting the document 
from RGB, used by computer monitors, to 
CMYK will often change the appearance of 
your chosen colours, as certain tones that 
display accurately on screen are difficult to 
reproduce in print, but switching to CMYK 
will give you a better idea of 
what the final printed 
results will be. 

Colours such as purple 
will sometimes print 
slightly differently than 
you expect. Use the 
CYMK picker tool to help 
accurately choose print 
colours in Photoshop. 
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PRINTING FROM HOME 

It is possible to print your own comics at 
home with a laser printer. The inks used in 
laser printers are similar to those used in 
a photocopier - high quality and 
waterproof - but can struggle with 
large areas of black. Although 
significantly cheaper to buy, inkjet 
printers are not suitable for creating 
sellable comics, as the inks will smudge 
when the pages are handled. Check 
Peripherals on pages 46-47 for more 
information. 


PRINTING WITH PHOTOCOPIERS 
With self-publishing, it is important to be 
able to print small runs of comics, as it is 
likely they will only sell slowly - quantities of 
50 or 100 are common, with extra copies printed only if 
the first batch sells out. The most popular choice for self 
printing is to use a conventional photocopying service. 
Photocopies work well for comics, as the ink is waterproof 
and doesn't smudge. Check with your print shop to see 
if there is a discount for a certain number of copies (for 
example, for more than 100 copied pages), as this can 
affect how many you choose to print, and also the 
overall pricing. 

Be very specific when you approach 
a printing firm. Tell them exactly what 
you want, including sizes, which 
pages will be colour (for example, 

"only the outside cover"), and 
whether you need "bleed" (see 
page 123). 




- ■. 


A Experimentation 

l ising cheap services 
such os photocopying 
allows artists to release 
strange and 
experimental works. 
These rwo rnmirs are 
collections of sinyle- 
poge comic strips, 
artwork, and previews 
of iijHoming comics 


Taking charge 

Self-publishing allows you total 
freedom about what size of comic 
you wish to produce. 
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PRICING 

Consider the price of your comic 
in relation to other comics that 
are available. The lower you price 
the comic, the more copies you will 
sell. However, it is important to cover 
your costs, as well as to make some 
extra profit - even if it is just enough to 
cover some of your other expenses. If your 
comic is to be distributed or sold by another 
person or company, typically they will take 20 to 
'j(J per rent of the rover price, so take this into 
consideration, too. that said, avoid overpricing your 
comic, cfwginy too much for it will seriously reduce 
sales, so less people will get to enjoy your hard work. 
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Free copies 

Some artists even choose to give 
their photocopied comics away for 
free, but only print a limited 
number. This can be grear publicity 
and help sell other titles by the 
same artist. 


ANALOG Uh MASIbKS 

A t ornic is usually made with several pieces of paper 
laid together, stapled and folded, creating a set of 
consecutive pages. When photocopying a comic you 
will need to create a master copy with the pages in the 
right position, bearing in mind which pages will be 
printed on the same piece of paper 



A 


A simple dummy 
copy is made 
quickly to help 
lay out the 
master spreads. 



Dummy copy 

One of the easiest ways to see what 
needs to be on each spread of a 
comic is to make a dummy copy. By 
making a small book from folded 
paper, and then numbering and 
marking the pages, you can easily 
see which pages should be printed 
on the same piece of paper. 
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DIGITAL PRINTING SERVICES 

Many printing companies now allow for 
digital printing. This means that they will take 
computer files and print pages directly from the 
data, rather than replicating artwork from a 
piece of paper. This offers much 
greater flexibility and control over 
the production process. 




CHECKLIST TO REMEMBER BEFORE 
SAVING FILES FOR SUBMISSION: 

^ Rasterize your text 

Any text that is still “live** and editable will cause 
problems during printing, with complications in terms 
of fonts and small changes of size You should convert 
your text to pixels before saving the file, this will avoid 
any problems. 

# Flatten your layers 

Multiple layers increase the file size, as wdl as making it 
more difficult for the printer to work with the fife 


FILE FORMATS 


TIFF files 

TIFFs (Tagged Image File Format) are one of the most 
popular file formats for transferring pages and artwork. 
They have the advantage of strong image compression 
without lowering image quality. Always choose "LZW" 
compression when saving with TIFF; this will ensure that 
the file Is small on disk but readable on different types 
of machine. 


PDF files 

FDF (Portable Document Format) is a format that has made 
it much easier to produce comics with digital printers. There 
are no discrepancies when it comes to reading PDF files, 
and printers often find them easier to deal with. Always use 
ZIP compression with PDF files, as JPEG compression 
damages your images and lowers output quality. If your 
software gives you the option, always choose the earliest 
version of PDF compatibility. This causes less problems 
when processing. Photoshop saves files like this as default. 


FILE FORMATS TO AVOID 


BMP files 

BMP artwork is uncompressed and slow to process, with file 
sizes becoming huge on disk. 


Creating books 

Professionally printed books can be put 
together from collections of stories or 
collections of comic issues. 


JPEG files 

The artwork is compressed, and tiny inaccuracies will 
appear in the tones. Although these may not be 
immediately visible on screen, a printer can recognize these 
subtle flaws and draw extra grain around your lines 
depending upon its calibration. 


# Convert to greyscale 

Converting to greyscale will make your file significantly 
smaller than if you leave it as full colour 

# Check your DPI and page size 

You can adjust DPI withour changing rhe page by 
setting all other values to 100~: before adjusting DPI. 


GIF files 

This file format has no information about DPI stored in the 
file, so the printer may not know how large it should be. 
File sizes with GIF are no smaller than TIFF 
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GENERAL PRINT FIRM ADVICE 
An unfortunate fact when dealing with 
printing is that you can't always predict 
the results. The artwork may appear 
slightly lighter or darker than you 
intended. Getting a proof is important 
so that the printer knows in advance if 
you arc happy with the quality of the 
printing, and any errors can be spotted 
before it is too late. 

Cooperate with the printing company as 
much as possible. If you make your print job 
easier to deal with, staff at the print firm will 
be more likely to help you if problems occur. 

If you make it difficult or get angry with them, 
it will be harder to get the results you want. 
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DELIVERING ARTWORK ON CD 

It Write your name, phone number 
and e mall address on the face of 
the CD Itself, as well as the name of 
(he print job This will make it easier 
for the printer to contact you if there 
is a problem, and avoid the CD 
qetting lost. 

♦ if powihle, tnc lude a "readme txt" on 
the CD itself. This should Include 
contact details and a reminder of 
what is on the CD. 

It Name your files cleanly and organize 
them neatly. 


NOTE: Some firms may allow you to 
transfer rhe files via e mall or 
HP (file Iramfer 
Protocol). Check to 
see what 
options they 
allow for 
sending 



Comic series 

When creating a series of comics, it is 
important to unify the front cover designs. 
Try using the same layout but with different 
characters on each issue; or use similar 
design work, but different colours. 


Check for "additional costs" 

Check to see whether the printer charges a fee for 
converting the files into a particular format. Savings can be 
made if you check to see which file formats and format 
types are most convenient for the printer, saving you 
unnecessary expense. 

Check prices of quantities 

If you ask for quotes for different quantities, sometimes it 
will turn out that ordering more units of the book will cost 
less. For example, printing more than 1000 "page copies" 
might save you money. If a comic has 14 sides, printing 72 
copies would amount to 1008 sides, and would qualify for 
a discount. You should also always ask for round numbers 
when asking for quantities. Ask for quantities of 50, 100, 

150, 200, 300, or similar; otherwise it becomes awkward 
for the printer to summarize the costs involved. 
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FULL-BLEED PAGES 

When using a professional printer, the comic is often printed larger than the 
intended final size and then trimmed down. As a result, this allows the inks on 
the paper to go up to the very edge of the page - something you can 
incorporate into your design. 


Full bleed 

This allows panels to drift 
off the edges of the 
page, suggesting a 
larger event beyond the 
scope of the image. 


Bleed area 

This area will be trimmed 
off by the printer, and 
should be expected to 
be missing in the 
final print. 


Trim area 

This margin area should 
only contain simple 
artwork, as this will be 
drifting off the edge of 
the paper. 


Safety area 

It is recommended that 
text should not be 
placed in the safety area, 
in case of any radical 
printing shifts, and also 
to avoid text being 
trapped in the 
centrefold of the book. 



ENZO, 
THI5 IS 
WHERE I 
LIVE. 


PLEASE 

COME 

IN' 


COOL 

MAGPIE 


THAT'S 

CARLO' 


ACTUALLY, 
Ht'S A CROW! 


WANT 


TO 


TAKE 


QUICK 




NAP 


DO 


you 


MIND? 


HMM? 
NO, I DON'T 
MIND. GO 
V AHEAD. / 
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Resources 






ART PRODUCT MANUFACTURERS 

Letraset: www.letraset.com 
Deleter www.deleter.com 
Copic: www.copicmarker.com 


COMIC FONTS 

Blambot: www.blambot.com 

Comic Book Fonts: www.comicbookfonts.com 

Ban ComicSans: www.bancomicsans.com/fonts.html 


ART SUPPLIES ONLINE SHOPS 

Akadot: www.akadotretail.com 
Dinkybox: www.dinkybox.com 
Blue Line Pro: www.bluelinepro.com 
Anime Gamers www.animegamersusa.com 


MANGA CREATOR SITES 

Hayden Scott-Baron: www.deadpanda.com 
Sweatdrop Studios: www.sweatdrop.com 
Selina Dean: www.noddingcat.net 
Emma Vieceli: emma.sweatdrop.com 
Laura Watton www.laurawatton.co.uk 


MANGA PUBLISHERS 

Viz: www.viz.com 
Tokyopop: www.tokyopop.com 

Dark Horse: www.darkhorse.com 
Iron Cat: www.ironcat.com 
CMX: www.dccomics.com/cmx/ 

ADV Manga www.advfilms.com/manga.asp 
CPM Manga: www.cpmmanga.com 
Broccoli Books www.broccolibooks.com 
Seven Seas Entertainment: www.gomanga.com 
GolComi www.gocomi.com 
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SOFTWARE 

Adobe Photoshop: www.adobe.com 

Corel Painter: www.corel.com 

Paint Shop Pro: www.jasc.com 

Deleter Comicworks: www.comic-works.com 

OpenCanvas: www.portalgraphics.net 

GIMP www.gimp.org 

Deleter CG lllust: www.cgillust.com 

Corel Photopaint: www.corel.com 

Macromedia xRes2: www.macromedia.com 


IMAGE HOSTING GALLERIES 

Art Club: www.sheezyart.com 

Dev Art: www.deviantart.com 

Elfwood Fantasy Art. http://elfwood.lysator.fiu.se 

Manga Workshop: mangaworkshop.net 

Digital Art and Design, http://digitalart.org/ 

Artist and Image Database: www.artwanted.com 
Online Art Gallery: http://www.side7.com/ 

Forum for Artists, http://www.shadowness.com/ 
Virtual Gallery: http://www.vladartgallery.com/ 


WEB COMIC HOSTING 

Keenspace. www.keenspace.com 
DrunkDuck: www.drunkduck.com 

ART COMMUNITIES 

Dream-grafix www.dream-grafix.be 
Sweatdrop Forum: 
www.sweatdrop.com/forum 
Artist Cafe: forums.firefly.nu 
Pendako pendako.syste.ms/bbs 
Gaia Online, www.gaiaonline.com 
Cgtalk. www.cgtalk.com 
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DIGITAL 

MANGA 

■TnitSMNiayt!^ 


Using the fundamental elements of 
manga and demonstrating the many 
techniques available to you, this 
book clearly and comprehensively 
breaks down the components 


required to develop your personal style and create 


professional-looking manga-styled artwork. 


Hayden Scott-Baron is a piufessiunal video- 
games aitist. specialising in diameter design, 
lie lias piuduced aitwuik and scripts for 
several manga-styled graphic novels, and has 
created character illustrations for books, 
magazines and advertisements. He is Ihe co- 
foundei of a gioup of UK-based artists 
producing mango stylo comics. They have 
produced over fifty titles in recent years. An 
enormous tan of Japanese culture, from 
fashion and music to animation and video¬ 
games. Hayden draws upon this interest as a 
pool of creative inspiration, combining it with 
Influences from cinema and traditional art. 


<*) Create dynamic manga illustrations on your computer, and discover how digital 
tools can bring speed, flexibility and professionalism to your artwork. From 
designing dynamic characters to developing storylines, creating cover art and 
getting your work published on the web or in print, this is your complete guide to 
the art of digital manga 

<*) The most popular software packages, including Photoshop, Painter and 
Comicworks, are clearly explained, with advice on using scanners, drawing with a 
mouse or graphics tablet, and formatting your work for the web or print media 

(*) Step-by-step illustrations reveal the fundamentals of digital drawing, inking and 
colouring: use your computer to recreate traditional styles such as cel-painting, 
lineless illustrations and screentone effects 

(*) Create a cast of colourful characters from all genres of manga art, from romantic 
bishoujo heroines and traditional samurai warriors to futuristic robots and space 
pilots, and use digital techniques to give your artwork a truly professional finish 
































